大屏背景+数字动态+返回后台

fuliqi

2024-09-18 0da5ee3189dd5eedd5404ee3c1a783442b69645c

 src/views/screen/components/screen-map-three/experience/world/enviroment.js

@@ -13,9 +13,9 @@
    this.textureLoader = new THREE.TextureLoader();

    this.setSunLight();
    this.setRotateHola();
    // this.setRotateHola();
    this.setBackground();
    this.setCirclePoint();
    // this.setCirclePoint();

    // this.debuger();
  }
@@ -117,13 +117,50 @@
    }
  }

  destroy() {
    this.disposeObject();
    this.removeObject();
    this.resetObject();
  }

  disposeObject() {
    this.hola1.geometry.dispose();
    this.hola1.material.dispose();
    this.hola2.geometry.dispose();
    this.hola2.material.dispose();
    this.background.geometry.dispose();
    this.background.material.dispose();
    this.circle.geometry.dispose();
    this.circle.material.dispose();
    this.directionalLight1.dispose();
    this.directionalLight2.dispose();
    this.ambientLight.dispose();
  }

  removeObject() {
    this.scene.remove(this.hola1);
    this.scene.remove(this.hola2);
    this.scene.remove(this.background);
    this.scene.remove(this.circle);
  }

  resetObject() {
    this.hola1 = null;
    this.hola2 = null;
    this.background = null;
    this.circle = null;
    this.directionalLight1 = null;
    this.directionalLight2 = null;
    this.ambientLight = null;
  }

  debuger() {
    const gui = new GUI();

    const folder1 = gui.addFolder('平行光1');
    const folder2 = gui.addFolder('平行光2');
    const folder3 = gui.addFolder('环境光');
 

    folder1.add(this.directionalLight1.position, 'x').min(-200).max(200).step(1).name("x轴的位置");
    folder1.add(this.directionalLight1.position, 'y').min(-200).max(200).step(1).name("y轴的位置");
    folder1.add(this.directionalLight1.position, 'z').min(-200).max(200).step(1).name("z轴的位置");
@@ -137,4 +174,4 @@

    folder3.add(this.ambientLight, 'intensity').min(0).max(1).step(0.1).name("强度");
  }
}
}