#
luxiaotao1123
2021-12-24 6246e243f2f644989acaff255f407900fd51f9f7
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';
@@ -30,6 +31,7 @@
      this.raycaster = null;
      this.prevTime = performance.now();//上一次render的时间
      this.backgroundType = false;
      this.conveyTypes = [];
      this.start = function () {
         this.initMain();
@@ -47,7 +49,7 @@
         this.initPointLockControl(this);
         this.initFloor();
         this.initBuilding();
         this.initTransporter(this);
         this.initConvey();
      }
      this.animate = function () {
         requestAnimationFrame(this.animate.bind(this));
@@ -78,12 +80,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 );
         }
      }
@@ -338,34 +340,30 @@
            }
         }
      }
      this.initTransporter = function (object) {
         // const manager = new THREE.LoadingManager();
         // new MTLLoader(manager)
         //    .setPath( '../static/model/obj/' )
         //    .load( '13213.mtl', function ( materials ) {
         //       materials.preload();
         //       new OBJLoader( manager )
         //          .setMaterials( materials )
         //          .setPath( '../static/model/obj/' )
         //          .load( '13213.obj', function ( obj ) {
         //             obj.traverse (function (child) {
         //                if (child instanceof THREE.Mesh) {
         //                   child.material = new THREE.MeshLambertMaterial({
         //                      color: 0xCD6839
         //                   });
         //                }
         //             });
         //
         //             obj.scale.set(0.03, 0.03, 0.03);
         //             obj.rotateY(- Math.PI / 2);
         //             // obj.name = option.crnNo + "-body";
         //             obj.position.x = 0;
         //             obj.position.y = 0;
         //             obj.position.z = 0;
         //             object.addObject( obj );
         //          }, null, null );
         //    });
      this.initConvey = function () {
         let conveys = conveyObjects.objects;
         for (let i = 0; i < conveys.length; i++) {
            let conveyObj = conveys[i];
            let existConvey = this.getExistedConveyType(conveyObj.objectType);
            let storeConvey = new StoreConvey(conveyObj);
            if(existConvey === null) {
               storeConvey.create(this);
            } else {
               // let convey= storeConvey.clone(existConvey);
               // object.addObject(convey);
            }
         }
      }
      this.getExistedConveyType = function (type) {
         for (let i=0;i<this.conveyTypes.length;i++) {
            let type=this.conveyTypes[i];
            if(type.objectType === type) {
               return type.object;
            }
         }
         return null;
      }
      this.initStoreObjects = function (object) {
         if (this.firstTime === 1) {
@@ -445,6 +443,21 @@
         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();
      }
   },
};