<!DOCTYPE html> 
 | 
<html lang="en"> 
 | 
<head> 
 | 
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
 | 
    <title>智慧物流中心</title> 
 | 
    <script src="../../lib/three.js"></script> 
 | 
    <script src="../../lib/jquery-1.11.0.min.js"></script> 
 | 
    <script src="../../lib/stats.min.js"></script> 
 | 
    <script src="js/Data/Store3DData.js"></script> 
 | 
    <script src="../../lib/ThreeBSP.js"></script> 
 | 
    <script src="js/common/CommonFunction.js"></script> 
 | 
    <script src="js/common/ObjectCombine.js"></script> 
 | 
    <script src="js/objects/Cube.js"></script> 
 | 
    <script src="js/objects/Wall.js"></script> 
 | 
    <script src="../../lib/OrbitControls.js"></script> 
 | 
    <script src="js/Data/BuildingData.js"></script> 
 | 
    <script src="js/objects/Store3D.js"></script> 
 | 
    <script src="js/objects/StoreArea.js"></script> 
 | 
    <script src="js/objects/Store.js"></script> 
 | 
    <script src="js/objects/StoreSign.js"></script> 
 | 
    <script src="../../lib/echarts.js"></script> 
 | 
    <script src="js/objects/StoreShelf.js"></script> 
 | 
    <script src="js/objects/StoreGoods.js"></script> 
 | 
    <script src="js/common/ObjectSelect.js"></script> 
 | 
    <script src="js/Data/DataShow.js"></script> 
 | 
    <script src="js/Data/DataAnalyze.js"></script> 
 | 
    <link rel="stylesheet" href="css/store.css"> 
 | 
    <script src="js/objects/AGVCar.js"></script> 
 | 
    <script src="../../lib/MTLLoader.js"></script> 
 | 
    <script src="../../lib/OBJLoader.js"></script> 
 | 
    <script src="js/objects/RouteLine.js"></script> 
 | 
    <script src="js/objects/Route.js"></script> 
 | 
    <script src="../../lib/Tween.js"></script> 
 | 
    <script src="js/objects/StoreGroup.js"></script> 
 | 
    <script src="../../lib/EffectComposer.js"></script> 
 | 
    <script src="../../lib/OutlinePass.js"></script> 
 | 
    <script src="../../lib/RenderPass.js"></script> 
 | 
    <script src="../../lib/ShaderPass.js"></script> 
 | 
    <script src="../../lib/CopyShader.js"></script> 
 | 
    <script src="../../lib/PointerLockControls.js"></script> 
 | 
    <script src="js/objects/StoreGroup.js"></script> 
 | 
    <script src="js/objects/Temperature.js"></script> 
 | 
</head> 
 | 
<body> 
 | 
<div class="sidebar"> 
 | 
    <img id="fps" class="buttonClass" title="性能调试" src="../../res/icon/fps.svg"> 
 | 
    <img id="skyBox" class="buttonClass" title="更改背景" src="../../res/icon/skyBox.svg"> 
 | 
    <img id="store" class="buttonClass" title="显示仓库" src="../../res/icon/store.svg"> 
 | 
    <img id="group" class="buttonClass" title="显示巷道" src="../../res/icon/group.svg"> 
 | 
    <img id="shelf" class="buttonClass" title="显示架子" src="../../res/icon/shelf.svg"> 
 | 
    <img id="reset" class="buttonClass" title="复位场景" src="../../res/icon/reset.svg"> 
 | 
    <img id="tour" class="buttonClass" title="游览厂区
前进:W
后退:S
左:A
右:D
跳跃:Space" src="../../res/icon/tour.svg"> 
 | 
    <img id="temperature" class="buttonClass" title="车间温度" src="../../res/icon/temperature.svg"> 
 | 
    <img id="roomRate" class="buttonClass" title="库房利用率" src="../../res/icon/roomRate.svg"> 
 | 
</div> 
 | 
<div id="container"> 
 | 
  
 | 
</div> 
 | 
<div id="label"></div> 
 | 
<script> 
 | 
    let store=new Store3D(); 
 | 
    store.start(); 
 | 
    document.getElementById("skyBox").addEventListener('click', function () { 
 | 
        store.changeBackGround(); 
 | 
    }, false); 
 | 
    document.getElementById("roomRate").addEventListener('click',function () { 
 | 
        store.changeRoomRateShow(); 
 | 
    },false) 
 | 
    document.getElementById("tour").addEventListener('click', function () { 
 | 
        store.lockControl(); 
 | 
    }, false); 
 | 
    document.getElementById("fps").addEventListener('click', function () { 
 | 
        store.changeStats(); 
 | 
    }, false); 
 | 
    document.getElementById("reset").addEventListener('click', function () { 
 | 
        store.orbitControl.reset(); 
 | 
    }, false); 
 | 
    document.getElementById("store").addEventListener('click', function () { 
 | 
        store.changeStoreShow(); 
 | 
    }, false); 
 | 
    document.getElementById("group").addEventListener('click', function () { 
 | 
        store.changeGroupShow(); 
 | 
    }, false); 
 | 
    document.getElementById("shelf").addEventListener('click', function () { 
 | 
        store.changeShelfShow(); 
 | 
    }, false); 
 | 
    document.getElementById("temperature").addEventListener('click', function () { 
 | 
        store.changeTemperatureShow(); 
 | 
    }, false); 
 | 
</script> 
 | 
</body> 
 | 
</html> 
 |