#

luxiaotao1123

2021-12-18 354ff550b1d042ad8d60459a022ab414625fd1df

 static/js/app.js

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

      this.start = function () {
         this.initMain();
@@ -150,18 +151,21 @@
      }
      this.initStats = function () {
         this.stats = new Stats();
         // this.dom.appendChild( this.stats.dom );
         this.dom.appendChild( this.stats.dom );
         this.stats.domElement.style.display = 'none';
      }
      this.initBackground = function () {
         // const cubeTextureLoader = new THREE.CubeTextureLoader();
         // cubeTextureLoader.setPath( '../static/img/skybox/' );
         // this.scene.background = cubeTextureLoader.load([
         //    "px.jpg", "nx.jpg",
         //    "py.jpg", "ny.jpg",
         //    "pz.jpg", "nz.jpg"
         // ]);
         this.scene.background = new THREE.Color( 0xf0f0f0 );

         if (this.backgroundType) {
            this.scene.background = new THREE.Color( 0xf0f0f0 );
         } else {
            const cubeTextureLoader = new THREE.CubeTextureLoader();
            cubeTextureLoader.setPath( '../static/img/skybox/' );
            this.scene.background = cubeTextureLoader.load([
               "px.jpg", "nx.jpg",
               "py.jpg", "ny.jpg",
               "pz.jpg", "nz.jpg"
            ]);
         }
         // 太阳
         // let sky = new Sky();
         // sky.scale.setScalar( 450000 );
@@ -217,7 +221,7 @@
                  break;
               case 'Space':
                  if ( object.canJump === true )  {
                     object.velocity.y += 350;
                     object.velocity.y += 450;
                  }
                  object.canJump = false;
                  break;
@@ -270,8 +274,8 @@
            this.direction.z = Number( this.moveForward ) - Number( this.moveBackward );
            this.direction.x = Number( this.moveRight ) - Number( this.moveLeft );
            this.direction.normalize(); // this ensures consistent movements in all directions
            if ( this.moveForward || this.moveBackward ) this.velocity.z -= this.direction.z * 400.0 * delta;
            if ( this.moveLeft || this.moveRight ) this.velocity.x -= this.direction.x * 400.0 * delta;
            if ( this.moveForward || this.moveBackward ) this.velocity.z -= this.direction.z * 2000.0 * delta;
            if ( this.moveLeft || this.moveRight ) this.velocity.x -= this.direction.x * 2000.0 * delta;
            if ( onObject === true ) {
               this.velocity.y = Math.max( 0, this.velocity.y );
               this.canJump = true;
@@ -437,6 +441,19 @@
            crnTask.move();
         }
      }

      // 功能方法区
      this.changeStats = function () {
         if (this.stats.domElement.style.display === 'none') {
            this.stats.domElement.style.display = 'block';
         } else {
            this.stats.domElement.style.display = 'none';
         }
      }
      this.changeBackGround = function () {
         this.backgroundType = !this.backgroundType;
         this.initBackground();
      }
   },

};