Browse Source

附加720转球体网格模型功能

zjs_project 1 year ago
parent
commit
625e9a25cf

+ 17 - 17
src/pages/webgl_rxdz_720/webgl_rxdz_720.vue

@@ -138,8 +138,8 @@
 			let stats;
 			let videoMeshGroup = [];
 			let cubeCamera = null;
-			let lineMesh = null;
-			let radius = 30;	//全景图半径-全景图是个球体
+			// let lineMesh = null;
+			let radius = 50;	//全景图半径-全景图是个球体
 			init();
 			// this.clearEvent = clearEvent;
 			// this.attendEvent = attendEvent;
@@ -188,7 +188,7 @@
 				controls = new OrbitControls(camera, renderer.domElement);
 				controls.enableDamping = true; //启动缓动
 				controls.minDistance = 0.0001;
-				controls.maxDistance = radius;
+				controls.maxDistance = radius -10;
 				// controls.minPolarAngle = 0; // 默认0
 				// controls.maxPolarAngle = Math.PI / 2; // 默认Math.PI,即可以向下旋转到的视角。
 				controls.enableZoom = true; //启用/禁用摄像机的缩放
@@ -572,16 +572,16 @@
 					// mesh.lookAt(camera.position);
 					scene.add(mesh);
 					videoMeshGroup.push(mesh);
-					// 创建一个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;
+					// // 创建一个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;
 				}, 1000)
 
 				// videoMesh = mesh;
@@ -609,10 +609,10 @@
 					videoMeshGroup.forEach(it => {
 						it.lookAt(camera.position)
 					})
-					if(lineMesh){
-						lineMesh.lookAt(camera.position);
-						lineMesh.position.copy(videoMeshGroup[0].position);
-					}
+					// if(lineMesh){
+					// 	lineMesh.lookAt(camera.position);
+					// 	lineMesh.position.copy(videoMeshGroup[0].position);
+					// }
 				}
 				if (cubeCamera) {
 					cubeCamera.update(renderer, scene);

+ 2 - 1
src/pages/webgl_rxdz_clipImg/webgl_rxdz_clipImg.vue

@@ -147,6 +147,7 @@
 			let controls = null,
 				boundary = null;
 			let videoMesh = null;
+			let radius = 50;	//全景图半径-全景图是个球体
 			init();
 			this.starRender = starRender; //对外暴露启动渲染的方法
 			this.stopRender = stopRender; //对外暴露停止渲染的方法
@@ -191,7 +192,7 @@
 				controls = new OrbitControls(camera, renderer.domElement);
 				controls.enableDamping = true; //启动缓动
 				controls.minDistance = 0.0001;
-				controls.maxDistance = 30;
+				controls.maxDistance = radius - 10;
 				// controls.minPolarAngle = 0; // 默认0
 				// controls.maxPolarAngle = Math.PI / 2; // 默认Math.PI,即可以向下旋转到的视角。
 				controls.enableZoom = true; //启用摄像机的缩放

+ 1 - 1
src/pages/webgl_rxdz_vr/webgl_rxdz_vr.vue

@@ -135,7 +135,7 @@
 			let stats;
 			let dragControls = null;
 			let videoMesh = null;
-			let lineMesh = null;
+			// let lineMesh = null;
 			let radius = 50;	//全景图半径-全景图是个球体
 			init();
 			// this.clearEvent = clearEvent;