| <!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> |