From 0d04bc5d8080b82338302fba0a59fccff2eaedfc Mon Sep 17 00:00:00 2001 From: Junjie <fallin.jie@qq.com> Date: 星期日, 06 七月 2025 11:28:29 +0800 Subject: [PATCH] # --- zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js | 26 +++++++++++++++++--------- 1 files changed, 17 insertions(+), 9 deletions(-) diff --git a/zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js b/zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js index 58ee56c..fde4550 100644 --- a/zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js +++ b/zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js @@ -50,11 +50,11 @@ } getFullWidth = () => { - return this.dom.offsetWidth; + return this.dom?.offsetWidth; } getFullHeight = () => { - return this.dom.offsetHeight; + return this.dom?.offsetHeight; } addObject = (object) => { @@ -64,9 +64,6 @@ initScene = () => { const scene = new THREE.Scene(); - // scene.background = new THREE.Color(0xf0f0f0); - // scene.background = new THREE.Color(0x333333); - // scene.background = new THREE.Color(0xf8f8f8); scene.background = new THREE.Color(0x7a7a7a); scene.fog = new THREE.Fog(scene.background, 1, 5000); @@ -93,7 +90,7 @@ renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(this.getFullWidth(), this.getFullHeight()); - this.dom.appendChild(renderer.domElement); + this.dom?.appendChild(renderer.domElement); return renderer; } @@ -139,7 +136,7 @@ initStats = () => { const stats = new Stats(); - this.dom.appendChild(stats.dom); + this.dom?.appendChild(stats.dom); if (!help) { stats.domElement.style.display = 'none'; } @@ -186,7 +183,7 @@ this.handleClick(objName, x, y); } } - this.dom.addEventListener("click", this.handleClickEvent, false); + this.dom?.addEventListener("click", this.handleClickEvent, false); } generateMesh = (fn) => { @@ -201,6 +198,17 @@ break; } } + } + + rePerspective = (maxHeight, normalHeight) => { + const height = Math.max(maxHeight, normalHeight) + const cameraPosScale = 0.7; + this.camera.position.set( + -height * cameraPosScale, + height * cameraPosScale, + height * cameraPosScale + ); + this.controls.target = new THREE.Vector3(0, maxHeight * 0.53, 0); } destroy = () => { @@ -231,7 +239,7 @@ this.controls.dispose(); this.controls = null; } - this.dom.removeEventListener("click", this.handleClickEvent); + this.dom?.removeEventListener("click", this.handleClickEvent); this.camera = null; this.objects = []; while (this.dom?.firstChild) { -- Gitblit v1.9.1