blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
luxiaotao1123
2021-12-31 82ffa91927ff2aae20d2d657fc72c0c223848445 
 static/js/app.js


@@ -1,12 +1,14 @@


import {OrbitControls} from './lib/OrbitControls.js';


import { PointerLockControls } from './lib/PointerLockControls.js';


import Stats from './lib/stats.module.js';


import { OutlinePass } from './lib/OutlinePass.js';


import {MTLLoader} from './lib/MTLLoader.js';


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';








var APP = {


@@ -19,6 +21,7 @@


      this.objects = [];//场景中所有对象的集合


      this.firstTime = 1;


      this.stats = null;


      this.outlinePass = null;


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


      this.crnTasks = [];// 堆垛机列表


      this.moveForward = false;//是否向前运行


@@ -30,7 +33,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();


@@ -45,6 +48,8 @@


         this.initStats();


         this.initLight();


         this.initReSize(this);


         this.initOutLine();


         this.initObjectSelect();


         this.initPointLockControl(this);


         this.initFloor();


         this.initBuilding();


@@ -76,15 +81,14 @@


         }


      }


      this.initRenderer = function () {


         this.renderer = new THREE.WebGLRenderer();




         this.renderer = new THREE.WebGLRenderer({


            antialias: true,


            logarithmicDepthBuffer: true


         });


         // this.renderer.toneMapping = THREE.CineonToneMapping;   // 色调


         this.renderer.setSize(window.innerWidth, window.innerHeight);


         this.renderer.setPixelRatio( window.devicePixelRatio );


         this.renderer.shadowMap.enabled = true;


         this.renderer.shadowMap.enabled = false;


         this.renderer.shadowMap.type = THREE.BasicShadowMap;


         this.dom = document.getElementById("container");


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


@@ -137,7 +141,8 @@


      }


      this.initBackground = function () {


         if (this.backgroundType) {


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


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


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


         } else {


            const cubeTextureLoader = new THREE.CubeTextureLoader();


            cubeTextureLoader.setPath( '../static/img/skybox0/' );


@@ -177,6 +182,18 @@


            object.camera.updateProjectionMatrix();


            object.renderer.setSize(window.innerWidth, window.innerHeight);


         }, false);


      }


      this.initOutLine = function(){


         this.outlinePass = new OutlinePass( new THREE.Vector2( window.innerWidth, window.innerHeight ), this.scene, this.camera )


         this.outlinePass.edgeStrength = 10;//包围线浓度


         this.outlinePass.edgeGlow = 0.1;//边缘线范围


         this.outlinePass.edgeThickness = 1;//边缘线浓度


         this.outlinePass.pulsePeriod = 2;//包围线闪烁评率


         this.outlinePass.visibleEdgeColor.set('#B31985');//包围线颜色


         this.outlinePass.hiddenEdgeColor.set('#190a05');//被遮挡的边界线颜色


      }


      this.initObjectSelect = function(){


         new ObjectSelect(this.scene, this.camera, this.outlinePass);


      }


      this.initPointLockControl = function(object){


         this.controls = new PointerLockControls( this.camera, document.body );


@@ -298,8 +315,10 @@




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




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


         helper.position.y = - 0;


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


         helper.position.x = 1200;


         helper.position.y = - 1;


         helper.position.z = -2000;


         helper.material.opacity = 0.25;


         helper.material.transparent = true;


         this.addObject( helper );