blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
luxiaotao1123
2021-12-13 4b3467e05cb0e2b68bc3e8ef08827e9e874562c8 
 static/js/app.js


@@ -14,6 +14,7 @@


      this.firstTime = 1;


      this.stats = null;


      this.goodTypes=[];//存储所有的库位类型


      this.wrkNo = 0;




      this.start = function () {


         this.initMain();


@@ -29,14 +30,15 @@


         this.initLight();


         this.initFloor();


         this.initModel();


         this.queryTask();


         this.initStoreObjects(this);


      }


      this.animate = function () {


         requestAnimationFrame(this.animate.bind(this));


         this.stats.begin();


         this.renderer.render(this.scene, this.camera);


         this.stats.end();


         this.initStoreObjects(this);


         this.modelMove();


         // this.modelMove();


      }


      this.initScene = function () {


         this.scene = new THREE.Scene();


@@ -56,7 +58,7 @@


         // this.camera.position.z = 600;


         // //相机的朝向


         // this.camera.lookAt(0, 0, 0);


         this.camera.position.set( - 550, 670, 950 );


         this.camera.position.set( - 350, 1070, 1550 );


         this.camera.lookAt( this.scene.position );


         //将相机放到场景中


         this.scene.add(this.camera);


@@ -73,12 +75,29 @@


         this.dom.appendChild( this.renderer.domElement );


      }


      this.initLight = function () {




         //首先添加个环境光


         let ambient = new THREE.AmbientLight(0xffffff, 1); //AmbientLight,影响整个场景的光源


         ambient.position.set(0, 0, 0);


         this.addObject(ambient);


         //添加平行光,平行光类似于太阳光


         let directionalLight = new THREE.DirectionalLight(0xffffff, 0.3);//模拟远处类似太阳的光源


         directionalLight.position.set(0, 200, 0);


         this.addObject(directionalLight);


         //设置点光源


         let pointLight1 = new THREE.PointLight(0xffffff, 0.3);


         pointLight1.position.set(-500, 200, 0);


         this.addObject(pointLight1);


         let pointLight2 = new THREE.PointLight(0xffffff, 0.3);


         pointLight2.position.set(500, 200, 0);


         this.addObject(pointLight2);




         // ---


         var bulbLight = new THREE.PointLight( 0xffee88, 1, 2000, 2 );


         bulbLight.position.set( 600, 600, 500 );


         bulbLight.castShadow = true;


         bulbLight.power = 100;


         this.addObject(bulbLight);


         // var bulbLight = new THREE.PointLight( 0xffee88, 1, 2000, 2 );


         // bulbLight.position.set( 600, 600, 500 );


         // bulbLight.castShadow = true;


         // bulbLight.power = 100;


         // this.addObject(bulbLight);


         // ---


         // var bulbLight1 = new THREE.PointLight( 0xffee88, 1, 2000, 2 );


         // bulbLight1.position.set( -600, 600, 500 );


@@ -102,12 +121,12 @@


         // hemiLight.intensity = 0.0001;


         // this.addObject(hemiLight);




         const ambientLight = new THREE.AmbientLight( 0xcccccc, 0.4 );


         this.addObject( ambientLight );




         const directionalLight = new THREE.DirectionalLight( 0xffffff, 0.6 );


         directionalLight.position.set( - 1, 1, 1 );


         this.addObject( directionalLight );


         // const ambientLight = new THREE.AmbientLight( 0xcccccc, 0.4 );


         // this.addObject( ambientLight );


         //


         // const directionalLight = new THREE.DirectionalLight( 0xffffff, 0.6 );


         // directionalLight.position.set( - 1, 1, 1 );


         // this.addObject( directionalLight );


      }


      this.initOrbitControl = function () {


         this.orbitControl = new OrbitControls(this.camera, this.renderer.domElement);


@@ -122,7 +141,7 @@


      }


      this.initStats = function () {


         this.stats = new Stats();


         this.dom.appendChild( this.stats.dom );


         // this.dom.appendChild( this.stats.dom );


      }


      this.initBackground = function () {


         const cubeTextureLoader = new THREE.CubeTextureLoader();


@@ -132,7 +151,7 @@


            "posy.jpg", "negy.jpg",


            "posz.jpg", "negz.jpg"


         ]);


         // this.scene.background = new THREE.Color( 0xf0f0f0 );


         this.scene.background = new THREE.Color( 0xf0f0f0 );


      }


      this.removeObject = function (nameorid) {


         for (let i = 0; i < this.objects.length; i++) {


@@ -157,7 +176,7 @@


         // this.addObject(plane);


         //


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


         const helper = new THREE.GridHelper( 5000, 300 );


         const helper = new THREE.GridHelper( 8000, 300 );


         helper.position.y = - 0;


         helper.material.opacity = 0.25;


         helper.material.transparent = true;


@@ -165,45 +184,88 @@


      }


      this.initStoreObjects = function (object) {


         if (this.firstTime === 1) {


            initStore();


            if (Store3DData !== null) {


               //显示仓库区域


               for (let i = 0; i < Store3DData.Areas.length; i++) {


                  let optionArea = Store3DData.Areas[i];


                  let area = new StoreArea(optionArea);


                  object.addObject(area);


                  //显示仓库


                  for (let j = 0; j < optionArea.Stores.length; j++) {


                     let optionStore = optionArea.Stores[j];


                     optionStore.Position = CommonFunction.transPosition(optionStore.Position, optionArea.Position);


                     let store = new Store(optionStore);


                     // object.addObject(store);


                     //显示每行信息


                     for (let k = 0; k < optionStore.Groups.length; k++) {


                        let optionGroup = optionStore.Groups[k];


                        optionGroup.Position = CommonFunction.transPosition(optionGroup.Position, optionStore.Position);


                        let shelf = new StoreShelf(optionGroup);


                        let group=new StoreGroup(optionGroup,1);


                        object.addObject(shelf);


                        // object.addObject(group);


                        //显示库位上的货物


                        for (let m = 0; m < optionGroup.Bins.length; m++) {


                            let optionBin = optionGroup.Bins[m];


                            let existGoods=this.getExistedGoodType(optionBin.State);


                            let storeGoods = new StoreGoods(optionGroup, optionBin);


                            if(existGoods==null) {


                                let goods=storeGoods.create();


                                object.addObject(goods);


                                this.goodTypes.push({type: optionBin.State, object: goods});


                            } else {


                                let goods= storeGoods.clone(existGoods);


                                object.addObject(goods);


                            }


                        }


                     }


               for(var group of Store3DData.data.store.groups) {


                  let crn = new StoreCrn(group.crn, object);


                  for (var line of group.lines) {


                     let shelf = new StoreShelf(line);


                     object.addObject(shelf);


                     //显示库位上的货物


                     // for (var bin of line.bins) {


                     //    let existGoods=this.getExistedGoodType(bin.State);


                     //    let storeGoods = new StoreGoods(optionGroup, bin);


                     //    if(existGoods==null) {


                     //       let goods=storeGoods.create();


                     //       object.addObject(goods);


                     //       this.goodTypes.push({type: bin.State, object: goods});


                     //    } else {


                     //       let goods= storeGoods.clone(existGoods);


                     //       object.addObject(goods);


                     //    }


                     // }




                  }


               }


               this.firstTime = 0;




























               //显示仓库区域


               // for (let i = 0; i < Store3DData.Areas.length; i++) {


               //    let optionArea = Store3DData.Areas[i];


               //    let area = new StoreArea(optionArea);


               //    object.addObject(area);


               //    //显示仓库


               //    for (let j = 0; j < optionArea.Stores.length; j++) {


               //       let optionStore = optionArea.Stores[j];


               //       optionStore.Position = CommonFunction.transPosition(optionStore.Position, optionArea.Position);


               //       let store = new Store(optionStore);


               //       // object.addObject(store);


               //       //显示每行信息


               //       for (let k = 0; k < optionStore.Groups.length; k++) {


               //          let optionGroup = optionStore.Groups[k];


               //          optionGroup.Position = CommonFunction.transPosition(optionGroup.Position, optionStore.Position);


               //          let shelf = new StoreShelf(optionGroup);


               //          let group=new StoreGroup(optionGroup,1);


               //          object.addObject(shelf);


               //          // object.addObject(group);


               //          //显示库位上的货物


               //          for (let m = 0; m < optionGroup.Bins.length; m++) {


               //              let optionBin = optionGroup.Bins[m];


               //              let existGoods=this.getExistedGoodType(optionBin.State);


               //              let storeGoods = new StoreGoods(optionGroup, optionBin);


               //              if(existGoods==null) {


               //                  let goods=storeGoods.create();


               //                  object.addObject(goods);


               //                  this.goodTypes.push({type: optionBin.State, object: goods});


               //              } else {


               //                  let goods= storeGoods.clone(existGoods);


               //                  object.addObject(goods);


               //              }


               //          }


               //       }


               //


               //    }


               // }


               // this.firstTime = 0;


            }


         }


      }


      this.queryTask = function () {


         if (this.firstTime === 1) {


            queryTaskCurrent();


            if (this.wrkNo !== TaskData.wrkNo) {


               this.wrkNo = TaskData.wrkNo;


            }


         }


      }


@@ -252,6 +314,9 @@


                  .load( '货叉.obj', function ( object ) {


                     object.position.z = -500;


                     object.position.x = -2060;


                     // object.position.z = 0;


                     // object.position.x = 0;


                     // object.position.y = 0;


                     object.scale.set(0.025, 0.025, 0.025);


                     object.rotateY(- Math.PI / 2)


                     that.addObject( object );


@@ -289,7 +354,9 @@


            });


      }


      this.modelMove = function () {




         // console.log(1)


         let crnBody = getArrVal(this.objects, "name", "1-body");


         console.log(crnBody.position)


      }


   },