#

luxiaotao1123

2021-12-17 4091312dca634f4d1801c4869632d6b6d1b90b6f

 static/js/app.js

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

var APP = {

@@ -16,7 +17,6 @@
      this.firstTime = 1;
      this.stats = null;
      this.goodTypes=[];//存储所有的库位类型
      this.wrkTasks = [];// 任务列表
      this.crnTasks = [];// 堆垛机列表
      this.time = 0;//标记堆垛机运行的时间
      this.progress = 0;
@@ -33,6 +33,7 @@
         this.initBackground();
         this.initStats();
         this.initLight();
         this.initReSize(this);
         this.initFloor();
         this.initModel();
         this.initStoreObjects(this);
@@ -70,14 +71,21 @@
      }
      this.initRenderer = function () {
         this.renderer = new THREE.WebGLRenderer();
         // this.renderer.physicallyCorrectLights = true;

         // this.renderer.outputEncoding = THREE.sRGBEncoding;
         // this.renderer.toneMapping = THREE.ACESFilmicToneMapping;
         // this.renderer.toneMappingExposure = 0.5;

         // this.renderer.outputEncoding = THREE.sRGBEncoding;
         // this.renderer.shadowMap.enabled = true;
         // this.renderer.toneMapping = THREE.ReinhardToneMapping;
         //
         this.renderer.setPixelRatio( window.devicePixelRatio );
         this.renderer.setSize( window.innerWidth, window.innerHeight );
         this.dom = document.getElementById("container");
         this.dom.appendChild( this.renderer.domElement );


      }
      this.initLight = function () {

@@ -97,41 +105,21 @@
         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 bulbLight1 = new THREE.PointLight( 0xffee88, 1, 2000, 2 );
         // bulbLight1.position.set( -600, 600, 500 );
         // bulbLight1.castShadow = true;
         // bulbLight1.power = 100;
         // this.addObject(bulbLight1);
         // // ---
         // var bulbLight2 = new THREE.PointLight( 0xffee88, 1, 2000, 2 );
         // bulbLight2.position.set( 600, 600, -500 );
         // bulbLight2.castShadow = true;
         // bulbLight2.power = 100;
         // this.addObject(bulbLight2);
         // // ---
         // var bulbLight3 = new THREE.PointLight( 0xffee88, 1, 2000, 2 );
         // bulbLight3.position.set( -600, 600, -500 );
         // bulbLight3.castShadow = true;
         // bulbLight3.power = 100;
         // this.addObject(bulbLight3);
         // // ---
         // var hemiLight = new THREE.HemisphereLight( 0xddeeff, 0x0f0e0d, 0.02 );
         // hemiLight.intensity = 0.0001;
         // this.addObject(hemiLight);

         // const ambientLight = new THREE.AmbientLight( 0xcccccc, 0.4 );
         // this.addObject( ambientLight );
         // const bulbGeometry = new THREE.SphereGeometry( 0.02, 16, 8 );
         // var bulbLight = new THREE.PointLight( 0xffee88, 1, 100, 2 );
         //
         // const directionalLight = new THREE.DirectionalLight( 0xffffff, 0.6 );
         // directionalLight.position.set( - 1, 1, 1 );
         // this.addObject( directionalLight );
         // var bulbMat = new THREE.MeshStandardMaterial( {
         //    emissive: 0xffffee,
         //    emissiveIntensity: 1,
         //    color: 0x000000
         // } );
         // bulbLight.add( new THREE.Mesh( bulbGeometry, bulbMat ) );
         // bulbLight.position.set( -500, 22, 0 );
         // bulbLight.castShadow = true;
         // this.addObject( bulbLight );
         //
         // var hemiLight = new THREE.HemisphereLight( 0xddeeff, 0x0f0e0d, 0.02 );
         // this.addObject( hemiLight );
      }
      this.initOrbitControl = function () {
         this.orbitControl = new OrbitControls(this.camera, this.renderer.domElement);
@@ -149,14 +137,45 @@
         // this.dom.appendChild( this.stats.dom );
      }
      this.initBackground = function () {
         const cubeTextureLoader = new THREE.CubeTextureLoader();
         cubeTextureLoader.setPath( '../static/img/background/' );
         this.scene.background = cubeTextureLoader.load([
            "posx.jpg", "negx.jpg",
            "posy.jpg", "negy.jpg",
            "posz.jpg", "negz.jpg"
         ]);
         // const cubeTextureLoader = new THREE.CubeTextureLoader();
         // cubeTextureLoader.setPath( '../static/img/skybox/' );
         // this.scene.background = cubeTextureLoader.load([
         //    "px.jpg", "nx.jpg",
         //    "py.jpg", "ny.jpg",
         //    "pz.jpg", "nz.jpg"
         // ]);
         this.scene.background = new THREE.Color( 0xf0f0f0 );

         // 太阳
         // let sky = new Sky();
         // sky.scale.setScalar( 450000 );
         // this.addObject( sky );
         // let sun = new THREE.Vector3();
         // const effectController = {
         //    turbidity: 10,
         //    rayleigh: 3,
         //    mieCoefficient: 0.005,
         //    mieDirectionalG: 0.7,
         //    elevation: 2,
         //    azimuth: 180,
         //    exposure: this.renderer.toneMappingExposure
         // };
         // const uniforms = sky.material.uniforms;
         // uniforms[ 'turbidity' ].value = effectController.turbidity;
         // uniforms[ 'rayleigh' ].value = effectController.rayleigh;
         // uniforms[ 'mieCoefficient' ].value = effectController.mieCoefficient;
         // uniforms[ 'mieDirectionalG' ].value = effectController.mieDirectionalG;
         // const phi = THREE.MathUtils.degToRad( 90 - effectController.elevation );
         // const theta = THREE.MathUtils.degToRad( effectController.azimuth );
         // sun.setFromSphericalCoords( 1, phi, theta );
         // uniforms[ 'sunPosition' ].value.copy( sun );
      }
      this.initReSize = function(object){
         window.addEventListener('resize', function () {
            object.camera.aspect = window.innerWidth / window.innerHeight;
            object.camera.updateProjectionMatrix();
            object.renderer.setSize(window.innerWidth, window.innerHeight);
         }, false);
      }
      this.removeObject = function (nameorid) {
         for (let i = 0; i < this.objects.length; i++) {