From d3e5308e6ec83b8ba6d3d188ba65b9e4459112e7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com> Date: Tue, 29 Apr 2025 15:51:33 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=9B=B8=E6=9C=BA=E4=BD=8D?= =?UTF-8?q?=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/board/model/AirportModel.vue | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/src/views/board/model/AirportModel.vue b/src/views/board/model/AirportModel.vue index c28157f..68bba15 100644 --- a/src/views/board/model/AirportModel.vue +++ b/src/views/board/model/AirportModel.vue @@ -81,6 +81,9 @@ export default { // scene.add(css2DObject); // 创建OrbitControls对象,用于控制相机的旋转、缩放和平移 + camera.position.set( 0.6902332769302458, 520.1257085570636, 174.9165360888295);// 设置相机位置 + camera.rotation.set(-1.5646433128504418, -0.003719447834377942, -0.5437093043140517);// 设置相机旋转角度 + camera.updateProjectionMatrix() const controls = new OrbitControls(camera, renderer.domElement); //是否开启右键拖拽 controls.enablePan = true; @@ -94,7 +97,7 @@ export default { //是否可以缩放 controls.enableZoom = true; // 设置OrbitControls的目标点,即相机围绕的中心点 - controls.target = new THREE.Vector3(-433, 300, -217); + controls.target = new THREE.Vector3( 0.6903703600639193, 299.4536525310841, 174.9163631600269); // 更新OrbitControls的状态,使其生效 controls.update(); @@ -108,6 +111,7 @@ export default { isLoading = true } let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] + // let arr = [1,4,7,10] const loadF1 = (e) => { let mtlLoader = new MTLLoader() mtlLoader.load(`/model/obj-10/${arr[e]}/${arr[e]}.mtl`, @@ -137,17 +141,17 @@ export default { } loadF1(0) - camera.position.set(-1.76, 443, 237.54);// 设置相机位置 - camera.rotation.set(-1.5646433128504418, -0.003719447834377942, -0.5437093043140517);// 设置相机旋转角度 - camera.updateProjectionMatrix() // 渲染循环 const animate = () => { // 请求下一帧动画 requestAnimationFrame(animate); + console.log(camera) + console.log(controls) // 渲染场景和相机 renderer.render(scene, camera); + controls.update(); // 渲染标签 labelRenderer.render(scene, camera); };