#

luxiaotao1123

2021-12-25 ce9da384d05f0b6b50aeeb5c3a00e53694695976

 static/js/app.js

@@ -5,6 +5,7 @@
import {OBJLoader} from './lib/OBJLoader.js';
import {StoreShelf} from './object/StoreShelf.js';
import {StoreCrn} from './object/StoreCrn.js';
import {StoreConvey} from './object/StoreConvey.js';
import { Sky } from './object/Sky.js';


@@ -29,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();
@@ -46,6 +47,8 @@
         this.initReSize(this);
         this.initPointLockControl(this);
         this.initFloor();
         this.initBuilding();
         this.initConvey();
      }
      this.animate = function () {
         requestAnimationFrame(this.animate.bind(this));
@@ -76,12 +79,12 @@
            // this.camera.position.z = 600;
            // //相机的朝向
            // this.camera.lookAt(0, 0, 0);
            this.camera.position.set( - 350, 1070, 1550 );
            this.camera.position.set( -350, 600, 1100 );
            this.camera.lookAt( this.scene.position );
            //将相机放到场景中
            this.scene.add(this.camera);
         } else {
            this.camera.position.set( - 350, 1070, 1550 );
            this.camera.position.set( -350, 600, 1100 );
            this.camera.lookAt( this.scene.position );
         }
      }
@@ -158,7 +161,7 @@
            this.scene.background = new THREE.Color( 0xf0f0f0 );
         } else {
            const cubeTextureLoader = new THREE.CubeTextureLoader();
            cubeTextureLoader.setPath( '../static/img/skybox/' );
            cubeTextureLoader.setPath( '../static/img/skybox0/' );
            this.scene.background = cubeTextureLoader.load([
               "px.jpg", "nx.jpg",
               "py.jpg", "ny.jpg",
@@ -198,7 +201,7 @@
      }
      this.initPointLockControl = function(object){
         this.controls = new PointerLockControls( this.camera, document.body );
         this.raycaster = new THREE.Raycaster( new THREE.Vector3(), new THREE.Vector3( 0, - 1, 0 ), 0, 10 );
         this.raycaster = new THREE.Raycaster( new THREE.Vector3(), new THREE.Vector3( 0, - 1, 0 ), 0,  50 );

         const onKeyDown = function ( event ) {
            switch ( event.code ) {
@@ -253,6 +256,8 @@
         this.controls.addEventListener( 'unlock', function () {
            console.log("上帝视角");
            object.initCamera();
            addClass(document.getElementById("ship-info-btn"), "show");
            document.getElementById("ship-type-ul").style.transform = 'translateY(-40px)';
         } );
         document.addEventListener( 'keydown', onKeyDown );
         document.addEventListener( 'keyup', onKeyUp );
@@ -290,14 +295,6 @@
         }
         this.prevTime = time;
      }
      this.lockControl = function () {
         this.camera.position.y = 100;
         this.camera.lookAt(0,100,0);
         this.controls.getObject().position.x =0;
         this.controls.getObject().position.y =100;
         this.controls.getObject().position.z =580;
         this.controls.lock();
      }
      this.removeObject = function (nameorid) {
         for (let i = 0; i < this.objects.length; i++) {
            let tmpObject = this.objects[i];
@@ -330,9 +327,24 @@

         // this.addObject(new Floor({position: {}}))
      }
      this.initBuilding = function () {
         let buildingData = buildingObjects.objects;
         for (let i = 0; i < buildingData.length; i++) {
            let objectOption = buildingData[i];
            switch (objectOption.objectType) {
               case "cube":
                  let cube = new Cube(objectOption);
                  this.addObject(cube);
                  break;
            }
         }
      }
      this.initConvey = function () {
         let storeConvey = new StoreConvey(this, conveyObjects.objects)
         storeConvey.load();
      }
      this.initStoreObjects = function (object) {
         if (this.firstTime === 1) {
            // initStore();
            if (Store3DData !== undefined && Store3DData !== null) {
               for(var group of Store3DData.data.store.groups) {
                  new StoreCrn(group.crn, object);
@@ -360,14 +372,13 @@
         }
      }
      this.queryCrn = function () {
         if (CrnDatas !== null) {
         if (CrnDatas !== null && this.firstTime === 0) {
            for (let crnData of CrnDatas) {
               let crnTask = getArrVal(this.crnTasks, "crnNo", crnData.crnNo);
               if (null == crnTask) {
                  this.crnTasks.push(new CrnTask(crnData, this));
               } else {
                  if(!crnTask.run) {
                     // console.log(2)
                     crnTask.modify(crnData);
                  }
               }
@@ -401,7 +412,29 @@
         this.backgroundType = !this.backgroundType;
         this.initBackground();
      }

      this.lockControl = function () {
         this.camera.position.y = 100;
         this.camera.lookAt(900,1100,0);
         this.controls.getObject().position.x = -200;
         this.controls.getObject().position.y = 200;
         this.controls.getObject().position.z = 200;
         this.controls.lock();
      }
      this.mainView = function () {
         this.camera.position.set( 1400, 400, 2000 );
         this.camera.lookAt( 1400, 500, 0 );
      }
      this.leftView = function () {
         this.camera.position.set( -3000, 300, -2000 );
         this.camera.lookAt(0, 500, -2000);
      }
      this.verticalView = function () {
         this.camera.position.set( 1400, 6000, -1800 );
         this.camera.lookAt( 1400, 0, -1800 );
      }
      this.backlView = function () {
         this.initCamera();
      }
   },

};