增加白框

src/pages/webgl_rxdz_vr/webgl_rxdz_vr.vue

@@ -135,6 +135,7 @@
 			let stats;
 			let controls2 = null;
 			let videoMesh = null;
+			let lineMesh = null;
 			init();
 			// this.clearEvent = clearEvent;
 			// this.attendEvent = attendEvent;
@@ -218,6 +219,7 @@
 				}
 				if(videoMesh){
 					that.scene.remove(videoMesh);
+					that.scene.remove(lineMesh);
 					controls2.dispose();
 				}
 				// 创建视频元素
@@ -416,6 +418,16 @@
 				controls2.addEventListener('dragend', function ( event ) {
 					controls.enabled = true;
 				});
+				// 创建一个PlaneGeometry
+				var planeGeometry = new THREE.PlaneGeometry(9, 16);
+				// 创建一个边框材质
+				var edgeMaterial = new THREE.LineBasicMaterial({ color: 0xffffff});
+				// 创建边框几何体
+				var edges = new THREE.EdgesGeometry(planeGeometry);
+				let line  = new THREE.LineSegments(edges, edgeMaterial);
+				line.position.set(0, -10, -10);//设置视频位置
+				scene.add(line);
+				lineMesh = line;
 			}
 			function getVideoPosition() {
 				if(!videoMesh){
@@ -445,6 +457,8 @@
 				controls.update();
 				if(videoMesh){
 					videoMesh.lookAt(camera.position);
+					lineMesh.lookAt(camera.position);
+					lineMesh.position.copy(videoMesh.position)
 				}
 				renderer.render(scene, camera); //单次渲染
 				requestId = requestAnimationFrame(render, canvas3d);