#

luxiaotao1123

2021-12-15 4d317e08d281b9e5e2cf742788c3d4b5b6bb9b38

 static/js/app.js

@@ -14,6 +14,10 @@
      this.firstTime = 1;
      this.stats = null;
      this.goodTypes=[];//存储所有的库位类型
      this.wrkTasks = [];// 任务列表
      this.crnTasks = [];// 堆垛机列表
      this.time = 0;//标记堆垛机运行的时间
      this.progress = 0;

      this.start = function () {
         this.initMain();
@@ -29,15 +33,15 @@
         this.initLight();
         this.initFloor();
         this.initModel();
         // 取数据
         this.initStoreData();
         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.queryTask();
         this.queryCrn();
         this.modelMove();
      }
      this.initScene = function () {
@@ -58,7 +62,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);
@@ -75,12 +79,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 );
@@ -104,12 +125,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);
@@ -134,7 +155,7 @@
            "posy.jpg", "negy.jpg",
            "posz.jpg", "negz.jpg"
         ]);
         this.scene.background = new THREE.Color( 0x17c5dc );
         this.scene.background = new THREE.Color( 0xf0f0f0 );
      }
      this.removeObject = function (nameorid) {
         for (let i = 0; i < this.objects.length; i++) {
@@ -159,7 +180,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;
@@ -167,23 +188,38 @@
      }
      this.initStoreObjects = function (object) {
         if (this.firstTime === 1) {
            // initStore();
            initStore();
            if (Store3DData !== null) {
               for(let i = 0;i<Store3DData.data.length;i++){
                  let optionArea = Store3DData.data[i];
                  let area = new Store3DData(optionArea);
                  object.addObject(area);
                  for (let j = 0; j<optionArea.store.length;j++){
                     let optionStore = optionArea[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
                     }
               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);
                     //    }
                     // }

                  }
               }












@@ -225,7 +261,31 @@
               //
               //    }
               // }
               this.firstTime = 0;
               // this.firstTime = 0;
            }
         }
      }
      this.queryTask = function () {
         if (TaskDatas !== null) {
            for (let TaskData of TaskDatas) {
               let wrkTask = getArrVal(this.wrkTasks, "wrkNo", TaskData.wrkNo);
               if (null == wrkTask) {
                  this.wrkTasks.push(TaskData);
               }
            }
         }
      }
      this.queryCrn = function () {
         if (CrnDatas !== null) {
            for (let crnData of CrnDatas) {
               let crnTask = getArrVal(this.crnTasks, "crnNo", crnData.crnNo);
               if (null == crnTask) {
                  this.crnTasks.push(new CrnTask(crnData));
               } else {
                  if(!crnTask.run) {
                     crnTask.modify(crnData);
                  }
               }
            }
         }
      }
@@ -274,6 +334,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 );
@@ -304,20 +367,40 @@
                  .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 );
                  }, null, null );
            });
      }
      this.modelMove = function () {
      this.initModelMove = function () {
         console.log(this.crnTasks)
         // for (var wrkMast of this.wrkTasks) {
         //    this.crnBody = getArrVal(this.objects, "name", wrkMast.crnNo + "-body");
         //    // 取货点定位
         //    let sourceLocPosition = getBinPosition(wrkMast.sourceLocNo);
         //    let points = [new THREE.Vector3(this.crnBody.position.x, this.crnBody.position.y, this.crnBody.position.z), sourceLocPosition];
         //    this.curve = new Route(points);
         // }

      }
      this.initStoreData = function () {

      this.modelMove = function () {
         if (this.curve) {
            this.progress += 0.001;
            if (this.progress>1.0) {
               this.curve = null;
            } else {
               let point = this.curve.getPoint(this.progress);
               if(point&&point.x){
                  this.crnBody.position.set(point.x,point.y,point.z);
               }
            }
         }
      }
   },


};