#

luxiaotao1123

2021-12-30 dc9a8efd24ce40c5799261b95c571dcceb09cde2

 static/js/app.js

@@ -30,7 +30,7 @@
      this.direction = new THREE.Vector3();
      this.raycaster = null;
      this.prevTime = performance.now();//上一次render的时间
      this.backgroundType = false;
      this.backgroundType = true;

      this.start = function () {
         this.initMain();
@@ -76,12 +76,11 @@
         }
      }
      this.initRenderer = function () {
         this.renderer = new THREE.WebGLRenderer();

         this.renderer = new THREE.WebGLRenderer({
            antialias: true,
            logarithmicDepthBuffer: true
         });
         // this.renderer.toneMapping = THREE.CineonToneMapping;   // 色调
         this.renderer.setSize(window.innerWidth, window.innerHeight);
         this.renderer.setPixelRatio( window.devicePixelRatio );
         this.renderer.shadowMap.enabled = true;
@@ -137,7 +136,8 @@
      }
      this.initBackground = function () {
         if (this.backgroundType) {
            this.scene.background = new THREE.Color( 0xf0f0f0 );
            // this.scene.background = new THREE.Color( 0xf0f0f0 );
            this.scene.background = new THREE.Color( 0x333333 );
         } else {
            const cubeTextureLoader = new THREE.CubeTextureLoader();
            cubeTextureLoader.setPath( '../static/img/skybox0/' );
@@ -298,8 +298,10 @@

         // const helper = new THREE.PolarGridHelper( 2000, 100 );

         const helper = new THREE.GridHelper( 8000, 300 );
         helper.position.y = - 0;
         const helper = new THREE.GridHelper( 8000, 300);
         helper.position.x = 1200;
         helper.position.y = - 1;
         helper.position.z = -2000;
         helper.material.opacity = 0.25;
         helper.material.transparent = true;
         this.addObject( helper );