From 391cb4f71704a491f08293c19a75453fc138670f Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期四, 28 三月 2024 09:31:32 +0800 Subject: [PATCH] # --- zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js | 37 +++++++++++++++++++------------------ 1 files changed, 19 insertions(+), 18 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 892de71..c7a6fd8 100644 --- a/zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js +++ b/zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js @@ -8,22 +8,23 @@ export default class ShelfThree { constructor(dom) { - const { current: container } = dom; - this.fullWidth = container.offsetWidth; - this.fullHeight = container.offsetHeight; - this.scene = this.initScene(); - this.camera = this.initCamera(); - this.renderer = this.initRenderer(container); - this.controls = this.initControls(); - this.stats = this.initStats(container); - this.windowResize(); - this.initRaycaster(container); - initLight(this.scene); + this.dom = dom; + this.fullWidth = dom.offsetWidth; + this.fullHeight = dom.offsetHeight; this.objects = []; } startup = () => { + this.scene = this.initScene(); + this.camera = this.initCamera(); + this.renderer = this.initRenderer(); + this.controls = this.initControls(); + this.stats = this.initStats(); + this.windowResize(); + this.initRaycaster(); + initLight(this.scene); + this.animate(); this.build(); } @@ -65,7 +66,7 @@ return camera; } - initRenderer = (container) => { + initRenderer = () => { const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true }); renderer.setClearAlpha(0); // renderer.useLegacyLights = false; // 鏃х増鍏夋簮 閲嶈 @@ -75,7 +76,7 @@ renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(this.fullWidth, this.fullHeight); - container.appendChild(renderer.domElement); + this.dom.appendChild(renderer.domElement); return renderer; } @@ -97,9 +98,9 @@ return controls; } - initStats = (container) => { + initStats = () => { const stats = new Stats(); - container.appendChild(stats.dom); + this.dom.appendChild(stats.dom); if (!help) { stats.domElement.style.display = 'none'; } @@ -115,15 +116,15 @@ window.addEventListener('resize', this.resizeHandler, false); } - initRaycaster = (container) => { + initRaycaster = () => { let that = this; const raycaster = new THREE.Raycaster(); const mouse = new THREE.Vector2(); - container.addEventListener("click", (event) => { + this.dom.addEventListener("click", (event) => { this.handleClick("null"); }) - container.addEventListener("dblclick", (event) => { + this.dom.addEventListener("dblclick", (event) => { let x, y; if (event.changedTouches) { x = event.changedTouches[0].pageX; -- Gitblit v1.9.1