项目背景

消防安全一直是各大都市关注的重要课题，在消防体系中，特别是高楼消防体系中，消防系统整体布控与监控，火情有效准确定位，防火器材定位，人员逃生路径规划，火情预警，消防演习都是特别重要的环节。所以一套直观的，迅速治控的系统展现，可体验式演戏游戏也就变得那么的不可或缺了。

解决方案

技术选型：使用webGL技术，无插件无安装方案。创建三维建筑消防模拟

在模型的建模方案选择上有两种方式：

　　1、使用建模工具（3dmax、autocad、blender等等）创建模型

　　　　　　优点：模型搭建速度快，开发周期短

　　　　　　缺点：模型大，加载渲染速度慢，影响用户体验

　　2、使用纯代码实现模型场景

　　　　　　优点：代码实现，加载渲染速度指数级提升，基本感受不到等待时间，用户体验好。

　　　　　　缺点：开发工作大，代码实现的时间长。

基于上述比较，我们选中的方案是两者兼用，在按需加载的模型上使用建模工具建模，在后端偷偷加载，无用户等待时间。在直观场景上使用代码实现，给用户最好的体验。

闲话少叙，我们接着前两集课(http://www.cnblogs.com/yeyunfei/p/7899613.html，http://www.cnblogs.com/yeyunfei/p/8811228.html ）继续做WebGL实现3D模拟，

有什么需要交流的 可邮件我 1203193731@qq.com

特此说明：为了减少网络传输带宽 我特意用ScreenToGif工具 截了一些gif图 压缩成低帧率

功能展示与代码实现分享

　　下面主要展示一些已实现的功能，后面继续完成消防演习的游戏部分。

一、点击地图上的模拟地点，进入3D模拟环境

代码实现部分

  1. <!DOCTYPE html>
  2. <html style="padding:0px;margin:0px;">
  3. <head>
  4.     <style>
  5.  
  6.         .canvas_frame {
  7.             border: none;
  8.             cursor: pointer;
  9.             width: 100%;
  10.             height: 100%;
  11.             background-color:rgba(0, 0, 0, 0);
  12.             overflow: hidden;
  13.         }
  14.  
  15.         .toolbar {
  16.             display: block;
  17.             position: absolute;
  18.             left: 10px;
  19.             top: 75px;
  20.             width: 32px;
  21.             height: auto;
  22.             background:rgba(115, 95, 34, 0.4);
  23.             border-radius: 5px;
  24.             padding: 5px;
  25.         }
  26.  
  27.             .toolbar img {
  28.                 float: left;
  29.                 margin: 5px;
  30.                 width: 24px;
  31.                 height: 24px;
  32.                 pointer-events: auto;
  33.                 cursor: pointer;
  34.             }
  35.  
  36.         .Stats_output {
  37.             display: block;
  38.             position: absolute;
  39.             border-radius: 5px;
  40.             padding: 5px;
  41.         }
  42.     </style>
  43.     <title></title>
  44.     <meta charset="utf-8" />
  45.     <script src="/js/jquery-2.2.2.js"></script>
  46.     <script src="/js/commonFunction.js"></script>
  47.     <script src="../js/tlasdf653sdagtysdfg5/c354fasdftsdaftsrfd.js"></script>
  48.     <script src="/js/tlasdf653sdagtysdfg5/ctbsp45fads45fasd65f4.js"></script>
  49.     <script src="/js/tlasdf653sdagtysdfg5/ctweendsafty578asd234g5.js"></script>
  50.     <script src="/js/tlasdf653sdagtysdfg5/cde524fsdate.js"></script>
  51.     <script src="/js/tlasdf653sdagtysdfg5/ctrasdfsdaf5274dsf455.js"></script>
  52.     <script src="/js/tlasdf653sdagtysdfg5/ctstats5gd5dfshtg36sd2f146.min.js"></script>
  53.     <script src="../js/tlasdf653sdagtysdfg5/t354sdfsa3df54gasdf354.js"></script>
  54.     <script src="../js/tlasdf653sdagtysdfg5/t63854fdsadsf354.js"></script>
  55.     <script src="../js/tlasdf653sdagtysdfg5/t354afsdasdg335.js"></script>
  56.     <script src="../js/tlasdf653sdagtysdfg5/itsadfnysdfa5dsfadsaf5t45ygv.js"></script>
  57.     <script src="/libs/layer/layer.js"></script>
  58. </head>
  59. <body onload="threeStart(0);" style="padding:0px;margin:0px;">
  60. <script>
  61.     if (!Detector.webgl) {
  62.         layer.alert("您的浏览器不支持3D功能,请使用支持WebGL的浏览器（例如：chrome浏览器、ie11以上浏览器等）");
  63.     }
  64. </script>
  65.     <div id="dataCanvasList" style="position:absolute;z-index:-1;display:none;width:5px;height:5px;overflow:hidden;"><div style="width:10px;height:10px;float:left;position:relative;"></div></div>
  66.     <div id="canvas-frame" class="canvas_frame"></div>
  67.  
  68.     <div id="htmapdiv" style="display:none;">
  69.         <img src="../img/htmap.jpg" usemap="#htmapmap" />
  70.         <map name="htmapmap" id="htmapmap">
  71.             <area shape=rect coords=700,400,900,600 onclick="clickMap();" />
  72.         </map>
  73.     </div>
  74. </body>
  75. </html>

二、模拟某一楼层火情定位

代码实现：

  1.     showFire: function () {
  2.         var obj = tl3DCoreObj.commonFunc.findObject("m1_fire1_smoke");
  3.         if (obj) {
  4.             console.log("已经存在");
  5.             return;
  6.         }
  7.         tl3dCoreBusiness.changeCameraPosition({ x: -672, y: 1122, z: 2021 }, { x: 41, y: 1062, z: 263 }, 1000);
  8.         tl3dCoreBusiness.model1.addfire(0x383404, { x: 0, y: 900, z: 500 }, "m1_fire1");
  9.     },
  10.     closeFire: function () {
  11.         tl3dCoreBusiness.model1.removefire("m1_fire1");
  12.         var f1_1obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_10_1");
  13.         var f1_2obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_10_2");
  14.         tl3dCoreBusiness.cleanAlarm(f1_1obj, "m1_floor_1_10_1");
  15.         tl3dCoreBusiness.cleanAlarm(f1_2obj, "m1_floor_1_10_2");
  16.         f1_1obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_11_1");
  17.         f1_2obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_11_2");
  18.         tl3dCoreBusiness.cleanAlarm(f1_1obj, "m1_floor_1_11_1");
  19.         tl3dCoreBusiness.cleanAlarm(f1_2obj, "m1_floor_1_11_2");
  20.     },
  21.     addfire: function (color, position, name) {//0xffffff {x:0,y:0,z:0}
  22.         var smoke = {
  23.             "show": true,
  24.             "uuid": "",
  25.             "name": name + "_smoke",
  26.             "objType": "Smoke",
  27.             "positionRadius": 2,
  28.             "sizeTween": [[0, 1], [32, 128]],
  29.             "velocityBase": [0, 150, 0],
  30.             "velocitySpread": [80, 50, 80],
  31.             "accelerationBase": [0, -10, 0],
  32.             "img": "../../img/3dImg/smokeparticle.png",
  33.             "colorBase": color,
  34.             "opacityTween": [[0.8, 2], [0.5, 0]],
  35.             "particlesPerSecond": 200,
  36.             "particleDeathAge": 2,
  37.             "emitterDeathAge": 10000,
  38.             "x": position.x, "y": position.y, "z": position.z,
  39.             "scale": { "x": 1, "y": 1, "z": 1 },
  40.             "rotation": [{ "direction": "x", "degree": 0 }],
  41.             "angleBase": 0, "angleSpread": 720, "angleVelocityBase": 0, "angleVelocitySpread": 720, "showSortNub": 4
  42.         };
  43.         var temObj = tl3DCoreObj.createObjByJson(smoke);
  44.         tl3DCoreObj.addObject(temObj);
  45.  
  46.         var fireball = {
  47.             show: true,
  48.             uuid: "",
  49.             name: name + '_fireball',
  50.             objType: 'Fireball',
  51.             positionRadius: 2,//开始半径
  52.             speedBase: 40,//速度范围
  53.             speedSpread: 8,//速度范围
  54.             sizeTween: [[0.7, 1.5], [100, 150]],//大小渐变范围 【时间 大小】
  55.             opacityTween: [[0.7, 1], [1, 0.5]],//透明度渐变范围
  56.             colorBase: 0xcc1800,
  57.             particlesPerSecond: 200,//最少粒子存在数
  58.             particleDeathAge: 1.5,//单个存活时间
  59.             emitterDeathAge: 10000,//运行时间 10000时表示永久运行
  60.             "x": position.x, "y": position.y, "z": position.z,
  61.             scale: { x: 1, y: 1, z: 1 },
  62.             rotation: [{ direction: 'x', degree: 0 }],
  63.             img: '../../img/3dImg/smokeparticle.png',
  64.         };
  65.         temObj = tl3DCoreObj.createObjByJson(fireball);
  66.         tl3DCoreObj.addObject(temObj);
  67.  
  68.         var f1_1obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_10_1");
  69.         var f1_2obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_10_2");
  70.         tl3dCoreBusiness.alarmObj(f1_1obj, 0xff0000, "m1_floor_1_10_1");
  71.         tl3dCoreBusiness.alarmObj(f1_2obj, 0xff0000, "m1_floor_1_10_2");
  72.         f1_1obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_11_1");
  73.         f1_2obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_11_2");
  74.         tl3dCoreBusiness.alarmObj(f1_1obj, 0xff0000, "m1_floor_1_11_1");
  75.         tl3dCoreBusiness.alarmObj(f1_2obj, 0xff0000, "m1_floor_1_11_2");
  76.         layer.confirm('十楼十一楼东南方向火警警告', {
  77.             icon: 0,
  78.             btn: ['消警', '取消'] //按钮
  79.         }, function () {
  80.             tl3dCoreBusiness.model1.closeFire();
  81.             layer.closeAll();
  82.         }, function () {
  83.  
  84.         });
  85.     },
  86.     removefire: function (name) {
  87.         tl3DCoreObj.destoryObj(name + "_smoke");
  88.         tl3DCoreObj.destoryObj(name + "_fireball");
  89.     }

三、点击消防布线管理，显示整体的消防管道布局情况与监控

  1. showCriAnimation: function (callBackFunc) {
  2.         if (tl3dCoreBusiness.model1.showmodel3) {
  3.             tl3dCoreBusiness.model1.hideXfmodelsAll();
  4.             return;
  5.         }
  6.         tl3dCoreBusiness.model1.showmodel3 = true;
  7.         var temObj = null;
  8.         var temObj2 = null;
  9.         var temObj3 = null;
  10.         if (tl3dCoreBusiness.model1.criaminitionObjs.length == 0) {
  11.             var tempjsonobj ={}
  12.  
  13.   temObj = tl3DCoreObj.createObjByJson(tempjsonobj);
  14.             tl3DCoreObj.addObject(temObj);
  15.             tl3dCoreBusiness.model1.criaminitionObjs.push(temObj);
  16.             var tempjsonobj2 =
  1. {}
  1. temObj2 = tl3DCoreObj.createObjByJson(tempjsonobj2); temObj2.visible = false;
     tl3DCoreObj.addObject(temObj2); tl3dCoreBusiness.model1.criaminitionObjs.push(temObj2);
     var tempjsonobj3 ={},

四、点击某个楼层进入楼层具体布局

  1. showmodel3: false,
  2.     clickFloor: function (_obj) {
  3.         tl3dCoreBusiness.model1.closeFire();
  4.         var _this = tl3dCoreBusiness;
  5.         var selectObjs = [];
  6.         var _floorNub = _obj.name.split("_")[3];
  7.         {
  8.             var f1_1obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_" + _floorNub + "_1");
  9.             var f1_2obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_" + _floorNub + "_2");
  10.             var f1_3obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_" + _floorNub + "_3");
  11.             var f1_4obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_" + _floorNub + "_4");
  12.             var f1_5obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_" + _floorNub + "_5");
  13.             var f1_6obj = tl3DCoreObj.commonFunc.findObject("m1_floor_1_" + _floorNub + "_6");
  14.             var f2_1obj = tl3DCoreObj.commonFunc.findObject("m1_floor_2_" + _floorNub + "_1");
  15.             var f2_2obj = tl3DCoreObj.commonFunc.findObject("m1_floor_2_" + _floorNub + "_2");
  16.             var f2_3obj = tl3DCoreObj.commonFunc.findObject("m1_floor_2_" + _floorNub + "_3");
  17.             var f2_4obj = tl3DCoreObj.commonFunc.findObject("m1_floor_2_" + _floorNub + "_4");
  18.             var f2_5obj = tl3DCoreObj.commonFunc.findObject("m1_floor_2_" + _floorNub + "_5");
  19.             var f2_6obj = tl3DCoreObj.commonFunc.findObject("m1_floor_2_" + _floorNub + "_6");
  20.             console.log(f2_6obj);
  21.             if (f1_1obj) {
  22.                 _this.flashObj(f1_1obj, 0x0aff4c);
  23.                 selectObjs.push(f1_1obj.name);
  24.             }
  25.             if (f1_2obj) {
  26.                 _this.flashObj(f1_2obj, 0x0aff4c);
  27.                 selectObjs.push(f1_2obj.name);
  28.             }
  29.             if (f1_3obj) {
  30.                 _this.flashObj(f1_3obj, 0x0aff4c);
  31.                 selectObjs.push(f1_3obj.name);
  32.             }
  33.             if (f1_4obj) {
  34.                 _this.flashObj(f1_4obj, 0x0aff4c);
  35.                 selectObjs.push(f1_4obj.name);
  36.             }
  37.             if (f1_5obj) {
  38.                 _this.flashObj(f1_5obj, 0x0aff4c);
  39.                 selectObjs.push(f1_5obj.name);
  40.             }
  41.             if (f1_6obj) {
  42.                 _this.flashObj(f1_6obj, 0x0aff4c);
  43.                 selectObjs.push(f1_6obj.name);
  44.             }
  45.             if (f2_1obj) {
  46.                 _this.flashObj(f2_1obj, 0x0aff4c);
  47.                 selectObjs.push(f2_1obj.name);
  48.             }
  49.             if (f2_2obj) {
  50.                 _this.flashObj(f2_2obj, 0x0aff4c);
  51.                 selectObjs.push(f2_2obj.name);
  52.             }
  53.             if (f2_3obj) {
  54.                 _this.flashObj(f2_3obj, 0x0aff4c);
  55.                 selectObjs.push(f2_3obj.name);
  56.             }
  57.             if (f2_4obj) {
  58.                 _this.flashObj(f2_4obj, 0x0aff4c);
  59.                 selectObjs.push(f2_4obj.name);
  60.             }
  61.             if (f2_5obj) {
  62.                 _this.flashObj(f2_5obj, 0x0aff4c);
  63.                 selectObjs.push(f2_5obj.name);
  64.             }
  65.             if (f2_6obj) {
  66.                 _this.flashObj(f2_6obj, 0x0aff4c);
  67.                 selectObjs.push(f2_6obj.name);
  68.             }
  69.         }
  70.  
  71.         tl3dCoreBusiness.model1.hideAll(tl3dCoreBusiness.model2.Loaddata);
  72.     },

五、点击消防定位按钮，显示消防栓、灭火器等具体定位

  1.  xfmodels: function () {
  2.         var m3loaded = false;
  3.         if (tl3DCoreObj.hasLoadedModel3 && tl3DCoreObj.hasLoadedModel3 == true) {
  4.             m3loaded = true;
  5.         } else {
  6.             tl3DCoreObj.hasLoadedModel3 = true;
  7.         }
  8.         if (!m3loaded) {
  9.             var objs ={} 
    　　
    var clipobjNames = [];
  10.             for (var i = 1; i <= 18; i++) {
  11.                 objs.push({ "show": true, "uuid": "", "name": "m3_f" + i + "_tube_2", "objType": "flowTube", "points": [{ "x": 0, "y": 0, "z": 0 }, { "x": 200, "y": 0, "z": 200 }, { "x": -300, "y": 0, "z": 400 }], "position": { "x": 0, "y": 125 * i, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": -3.141592653589793 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -3.141592653589793 }], "style": { "skinColor": 16772846, "imgurl": "../../img/3dImg/right1.png", "opacity": 1, "canvasSkin": { "cwidth": 1024, "cheight": 128, "cwNub": 8, "chNub": 2, "cMarginW": 0.2, "cMarginH": 0.2, "speed": 8, "fps": 40, "direction": "w", "forward": "f", "side": 2, "run": true, "bgcolor": "rgba(0, 204, 255, 0.39)" } }, "segments": 10, "radialSegments": 4, "closed": false, "radius": 3, "showSortNub": 646, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null });
  12.                 objs.push({ "show": true, "uuid": "", "name": "m3_f" + i + "_tube_1", "objType": "flowTube", "points": [{ "x": 0, "y": 0, "z": 0 }, { "x": 200, "y": 0, "z": 200 }, { "x": -300, "y": 0, "z": 400 }], "position": { "x": 0, "y": 125 * i, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16772846, "imgurl": "../../img/3dImg/right1.png", "opacity": 1, "canvasSkin": { "cwidth": 1024, "cheight": 128, "cwNub": 8, "chNub": 2, "cMarginW": 0.2, "cMarginH": 0.2, "speed": 8, "fps": 40, "direction": "w", "forward": "f", "side": 2, "run": true, "bgcolor": "rgba(0, 204, 255, 0.39)" } }, "segments": 10, "radialSegments": 4, "closed": false, "radius": 3, "showSortNub": 646, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null });
  13.                 objs.push({ "name": "m3_f" + i + "_wall", "objType": "cylinder", "radiusTop": 500, "radiusBottom": 500, "height": 125, "segmentsX": 8, "segmentsY": 0, "openEnded": false, "position": { "x": 0, "y": 125 * i - 60, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 13233151, "side": 0, "opacity": 0.1 }, "skin_down": { "skinColor": 16777215, "side": 0, "opacity": 0.2 }, "skin_side": { "skinColor": 0xd2eaff, "side": 0, "opacity": 0.3 } } }, "showSortNub": 648, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null });
  14.  
  15.                 objs.push({ "name": "m3_SmokeSenc_f1_1", "objType": "cylinder", "radiusTop": 10, "radiusBottom": 7, "height": 6, "segmentsX": 12, "segmentsY": 0, "openEnded": false, "position": { "x": -151.316, "y": i * 120, "z": 100 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1503217712698_ygback.jpg" }, "skin_side": { "skinColor": 16777215, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" } } }, "showSortNub": 115, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m3_SmokeSenc_f1_2", "objType": "cylinder", "radiusTop": 10, "radiusBottom": 7, "height": 6, "segmentsX": 12, "segmentsY": 0, "openEnded": false, "position": { "x": -151.316, "y": i * 120, "z": -242.4 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1503217712698_ygback.jpg" }, "skin_side": { "skinColor": 16777215, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" } } }, "showSortNub": 115, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m3_SmokeSenc_f1_3", "objType": "cylinder", "radiusTop": 10, "radiusBottom": 7, "height": 6, "segmentsX": 12, "segmentsY": 0, "openEnded": false, "position": { "x": 414.108, "y": i * 120, "z": -18.839 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1503217712698_ygback.jpg" }, "skin_side": { "skinColor": 16777215, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" } } }, "showSortNub": 115, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m3_tube_f1_2", "objType": "cylinder", "radiusTop": 4, "radiusBottom": 4, "height": 40, "segmentsX": 6, "segmentsY": 0, "openEnded": false, "position": { "x": 0, "y": i * 120 + 4.711, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": -0.683872355723961 }, { "direction": "z", "degree": 1.5707963267948963 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../img/3dImg/rack_inside.jpg" }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 1 }, "skin_side": { "skinColor": 9838881, "opacity": 1, "imgurl": "../../img/3dImg/outside_lightmap.jpg" } } }, "showSortNub": 122, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m3_tube_f1_1", "objType": "cylinder", "radiusTop": 12, "radiusBottom": 12, "height": 20, "segmentsX": 6, "segmentsY": 0, "openEnded": false, "position": { "x": 0, "y": i * 120 + 7.159, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../img/3dImg/rack_inside.jpg" }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 1 }, "skin_side": { "skinColor": 9838881, "opacity": 1, "imgurl": "../../img/3dImg/outside_lightmap.jpg" } } }, "showSortNub": 122, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m3_SmokeSenc_f1_6", "objType": "cylinder", "radiusTop": 0.1, "radiusBottom": 2, "height": 1.2, "segmentsX": 6, "segmentsY": 0, "openEnded": false, "position": { "x": 77, "y": i * 120 - 3.562, "z": -330 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../img/3dImg/eee.png" }, "skin_side": { "skinColor": 9868950, "opacity": 1, "imgurl": "../../img/3dImg/rail3.png" } } }, "showSortNub": 115, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m3_SmokeSenc_f1_7", "objType": "cylinder", "radiusTop": 2, "radiusBottom": 1, "height": 6, "segmentsX": 6, "segmentsY": 0, "openEnded": false, "position": { "x": 77.718, "y": i * 120, "z": -330.149 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1503217712698_ygback.jpg" }, "skin_side": { "skinColor": 9868950, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" } } }, "showSortNub": 115, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m3_SmokeSenc_f1_5", "objType": "cylinder", "radiusTop": 0.1, "radiusBottom": 2, "height": 1.2, "segmentsX": 6, "segmentsY": 0, "openEnded": false, "position": { "x": -194.975, "y": i * 120 - 3.562, "z": 364.836 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../img/3dImg/eee.png" }, "skin_side": { "skinColor": 9868950, "opacity": 1, "imgurl": "../../img/3dImg/rail3.png" } } }, "showSortNub": 115, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m3_SmokeSenc_f1_4", "objType": "cylinder", "radiusTop": 2, "radiusBottom": 1, "height": 6, "segmentsX": 6, "segmentsY": 0, "openEnded": false, "position": { "x": -194.975, "y": i * 120, "z": 364.836 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../upload/3dimgs/1503217712698_ygback.jpg" }, "skin_side": { "skinColor": 9868950, "opacity": 1, "imgurl": "../../upload/3dimgs/1504865341864_1503218400422_ygside.jpg" } } }, "showSortNub": 115, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null });
  16.                 clipobjNames.push("m3_f" + i + "_wall");
  17.             }
  18.  
  19.             objs.push({
  20.                 objType: "clipObj",
  21.                 clips: [{ normalVector: { x: 1, y: 0, z: 0 }, constant: 0 }],
  22.                 objNames: clipobjNames
  23.             });
  24.             $.each(objs, function (_index, _obj) {
  25.                 tl3DCoreObj.objJsonList.push(_obj);
  26.                 tl3DCoreObj.InitAddObject(_obj);
  27.             });
  28.         }
  29.         tl3dCoreBusiness.model1.showXfmodelsAll();
  30.     },
  31.     showXfmodelsAll: function () {
  32.         tl3dCoreBusiness.model1.getAllmode3Objs();
  33.         if (tl3DCoreObj.m3Objs && tl3DCoreObj.m3Objs.length > 0) {
  34.             $.each(tl3DCoreObj.m3Objs, function (_index, _obj) {
  35.                 if (_obj) {
  36.                     _obj.visible = true;
  37.                 }
  38.             });
  39.         }
  40.     },
  41.     hideXfmodelsAll: function () {
  42.         tl3dCoreBusiness.model1.showmodel3 = false;
  43.         tl3dCoreBusiness.model1.getAllmode3Objs();
  44.         if (tl3DCoreObj.m3Objs && tl3DCoreObj.m3Objs.length > 0) {
  45.             $.each(tl3DCoreObj.m3Objs, function (_index, _obj) {
  46.                 if (_obj) {
  47.                     _obj.visible = false;
  48.                 }
  49.             });
  50.         }
  51.         tl3dCoreBusiness.model1.showAll();
  52.     },
  53.     getAllmode3Objs: function () {
  54.         if (tl3DCoreObj.m3Objs && tl3DCoreObj.m3Objs.length > 0) {
  55.         } else {
  56.             tl3DCoreObj.m3Objs = [];
  57.             for (var i = 0; i < tl3DCoreObj.objects.length; i++) {
  58.                 if (tl3DCoreObj.objects[i].name.indexOf("m3_") >= 0) {
  59.                     tl3DCoreObj.m3Objs.push(tl3DCoreObj.objects[i]);
  60.                 }
  61.             }
  62.         }
  63.         return tl3DCoreObj.m3Objs;
  64.     },
  65.     getAllmode1Objs: function () {
  66.         if (tl3DCoreObj.m1Objs && tl3DCoreObj.m1Objs.length > 0) {
  67.         } else {
  68.             tl3DCoreObj.m1Objs = [];
  69.             for (var i = 0; i < tl3DCoreObj.objects.length; i++) {
  70.                 if (tl3DCoreObj.objects[i].name.indexOf("m1_") >= 0) {
  71.                     tl3DCoreObj.m1Objs.push(tl3DCoreObj.objects[i]);
  72.                 }
  73.             }
  74.         }
  75.         return tl3DCoreObj.m1Objs;
  76.     },

六、点击喷淋管道按钮，显示楼层的管道具体布局与监控

  1. removefire:function (name) {
  2.     tl3DCoreObj.destoryObj(name + "_smoke");
  3.     tl3DCoreObj.destoryObj(name + "_fireball");
  4.     tl3DCoreObj.destoryObj("m2_flowtube_1");
  5. }
  6.     ,
  7. showFireEx: function () {
  8.     if (tl3dCoreBusiness.marks.length > 0) {
  9.         tl3dCoreBusiness.removeMark();
  10.         tl3dCoreBusiness.model2.Enety_m2objs();
  11.         return;
  12.     }
  13.     tl3dCoreBusiness.model2.Virtual_m2objs();
  14.     var fireExs = tl3dCoreBusiness.model2.getAllFireExtinguisher();
  15.     if (fireExs && fireExs.length > 0) {
  16.     $.each(fireExs, function (_index,_obj) {
  17.         tl3dCoreBusiness.addMark({ "x": _obj.position.x, "y": 0, "z": _obj.position.z-30 });
  18.     })
  19.     }
  20.     function markmoveUP() {
  21.         new TWEEN.Tween(tl3dCoreBusiness.marks[0].position).to({
  22.             y:120
  23.         }, 700).onUpdate(function () {
  24.             var _marktPosition = this;
  25.             $.each(tl3dCoreBusiness.marks, function (_index, _obj) {
  26.                 if (_index != 0) {
  27.                     _obj.position.y = _marktPosition.y
  28.                 }
  29.             });
  30.         }).onComplete(function () {
  31.             if (tl3dCoreBusiness.marks.length > 0) {
  32.                 markmoveDown();
  33.             }
  34.         }).start();
  35.     }
  36.     function markmoveDown() {
  37.         new TWEEN.Tween(tl3dCoreBusiness.marks[0].position).to({
  38.             y: 90
  39.         }, 700).onUpdate(function () {
  40.             var _marktPosition = this;
  41.             $.each(tl3dCoreBusiness.marks, function (_index, _obj) {
  42.                 if (_index != 0) {
  43.                     _obj.position.y = _marktPosition.y
  44.                 }
  45.             });
  46.         }).onComplete(function () {
  47.             if (tl3dCoreBusiness.marks.length > 0) {
  48.                 markmoveUP();
  49.             }
  50.         }).start();
  51.     }
  52.     function moveCameras() {
  53.         tl3dCoreBusiness.changeCameraPosition(
  54.                  { x: 22.011796727827942, y: 475.0078382831407, z: -362.13218516999575 },
  55.                 { x: -109.24108424233293, y: 126.7724160293385, z: 235.1812196067814 },
  56.                 2000,
  57.                function () {
  58.                    tl3dCoreBusiness.changeCameraPosition(
  59.                           { x: 222.75184919301518, y: 638.0116998265614, z: 21.468453277631895 },
  60.                           { x: -280.67252091016456, y: 146.56422186373678, z: 39.407561156045254 },
  61.                          2000,
  62.                          function () {
  63.                              tl3dCoreBusiness.changeCameraPosition(
  64.                              { x: -44.35894681112365, y: 564.5517434002829, z: 92.96085692860174 },
  65.                             { x: 39.71070564655229, y: 208.05098374206025, z: -272.3722139153137 },
  66.                             2000,
  67.                             function () {
  68.                                 tl3dCoreBusiness.changeCameraPosition(
  69.                                 { x: -142.50353170922085, y: 686.5432443384202, z: -107.57115190357008 },
  70.                                 { x: 171.3337163301444, y: 291.5269508501652, z: 6.871236988686249 }, 2000,
  71.                                 function () {
  72.                                     tl3dCoreBusiness.changeCameraPosition(
  73.                                     { x: -720.6677937919886, y: 1340.8562559335503, z: -161.0776793930117 },
  74.                                     { x: 38.131687257568885, y: 114.45467512091719, z: -109.31369443067504 },3000,
  75.                                     function () { });
  76.                                 });
  77.                             }
  78.                         );
  79.                          }
  80.                  );
  81.                }
  82.             );
  83.     }
  84.     markmoveUP();
  85.     moveCameras();
  86. },
  87. FireExtinguishers:null,
  88. getAllFireExtinguisher: function () {
  89.     if (tl3dCoreBusiness.model2.FireExtinguishers == null) {
  90.         tl3dCoreBusiness.model2.FireExtinguishers = [];
  91.         for (var i = 0; i < tl3DCoreObj.objects.length; i++) {
  92.             if (tl3DCoreObj.objects[i].name.indexOf("m2_FireExtinguisher") >= 0) {
  93.                 tl3dCoreBusiness.model2.FireExtinguishers.push(tl3DCoreObj.objects[i]);
  94.             }
  95.         }
  96.     }
  97.     return tl3dCoreBusiness.model2.FireExtinguishers;
  98. },
  99. Virtual_m2objs: function (hideedFunc) {
  100.     tl3dCoreBusiness.model2.getAllmode2Objs();
  101.     if (tl3DCoreObj.m2Objs && tl3DCoreObj.m2Objs.length > 0) {
  102.         $.each(tl3DCoreObj.m2Objs, function (_index, _obj) {
  103.             if (_obj && _obj.material) {
  104.                 $.each(_obj.material.materials, function (_mindex, _mobj) {
  105.                     if (_mobj._pro_opacity == undefined) {
  106.                         _mobj._pro_opacity = _mobj.opacity;
  107.                     }
  108.                 });
  109.             }
  110.         });
  111.         var a = { x: 1 };
  112.         new TWEEN.Tween(a).to({ x: 0.11234 }, 1000)
  113.         .onUpdate(function () {
  114.             var _opthis = this;
  115.             $.each(tl3DCoreObj.m2Objs, function (_index, _obj) {
  116.                 if (_obj && _obj.material && _index > 0) {
  117.                     $.each(_obj.material.materials, function (_mindex, _mobj) {
  118.                         _mobj.opacity = _opthis.x;
  119.                     });
  120.                 }
  121.             });
  122.         }).onComplete(function () {
  123.             if (hideedFunc) {
  124.                 hideedFunc();
  125.             }
  126.         }).start();
  127.  
  128.     } else {
  129.     }
  130. },
  131. Enety_m2objs: function (hideedFunc) {
  132.     tl3dCoreBusiness.model2.getAllmode2Objs();
  133.     if (tl3DCoreObj.m2Objs && tl3DCoreObj.m2Objs.length > 0) {
  134.         $.each(tl3DCoreObj.m2Objs, function (_index, _obj) {
  135.             if (_obj && _obj.material) {
  136.                 $.each(_obj.material.materials, function (_mindex, _mobj) {
  137.                     if (_mobj._pro_opacity) {
  138.                         _mobj.opacity = _mobj._pro_opacity
  139.                     }
  140.                 });
  141.             }
  142.         });
  143.     } else {
  144.     }
  145. },

七、模拟火情，定位以及逃生路径

  1. hideWind: function () {
  2.     if (tl3dCoreBusiness.model2.winds && tl3dCoreBusiness.model2.winds.length > 0) {
  3.         $.each(tl3dCoreBusiness.model2.winds, function (_index, _obj) {
  4.             _obj.visible = false;
  5.         });
  6.         tl3dCoreBusiness.model2.loadedWind = false;
  7.     }
  8. },
  9. showWaterTorus: function () {
  10.     if (tl3dCoreBusiness.model2.loadedWaterTorus == undefined) {
  11.         tl3dCoreBusiness.model2.WaterTorus = [];
  12.         var waterTorus = [
  13.             { "show": true, "uuid": "", "name": "m2_watertorus_1", "objType": "torus", "style": { "skinColor": 11339784, "opacity": 1 }, "segments": 12, "radialSegments": 4, "arc": 6.283185307179586, "rotation": [{ "direction": "x", "degree": 1.5707963267948963 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "scale": { "x": 1, "y": 1, "z": 1 }, "position": { "x": 0, "y": 125, "z": 0 }, "radius": 240, "tuberadius": 2, "showSortNub": 348, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "phiLength": 6.283185307179586, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_13_3", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -359.692, "y": 122.154, "z": 98.088 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -0.2617993877991494 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_2_3", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 93.351, "y": 122.154, "z": -322.091 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.8325957145940461 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_2_2", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 101.968, "y": 122.154, "z": -354.252 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.8325957145940461 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_2_1", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 117.707, "y": 122.154, "z": -412.992 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.8325957145940461 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_8_4", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 80, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 128.706, "y": 122.154, "z": -147.213 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -0.7853981633974483 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_8_2", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 281.089, "y": 122.154, "z": -264.652 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -0.7853981633974483 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_8_3", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 253.831, "y": 122.154, "z": -237.394 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -0.7853981633974483 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_8_1", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 307.506, "y": 122.154, "z": -291.069 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -0.7853981633974483 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_10_1", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 112.704, "y": 122.154, "z": 429.673 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.3089969369003773 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_11_3", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 80, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -237.209, "y": 122.154, "z": 253.646 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948963 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 2.356194490192345 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_11_1", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -290.095, "y": 122.154, "z": 306.532 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 2.356194490192345 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_12_3", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 249.486, "y": 122.154, "z": 250.751 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.7853981633974483 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_12_2", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 272.821, "y": 122.154, "z": 274.086 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.7853981633974483 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_12_1", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 304.505, "y": 122.154, "z": 305.77 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.7853981633974483 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_7_3", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 318.061, "y": 122.154, "z": -83.515 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -0.2617993877991494 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_7_1", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 412.337, "y": 122.154, "z": -108.776 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -0.2617993877991494 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_3_1", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 395.872, "y": 122.154, "z": 112.701 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.2617993877991494 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_3_3", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 315.987, "y": 122.154, "z": 91.295 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.2617993877991494 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_13_2", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -322.216, "y": 122.154, "z": 88.046 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -0.2617993877991494 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_12", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 250, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": 216.767, "y": 122.154, "z": 218.032 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 2.356194490192345 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_11_2", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 80, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -263.783, "y": 122.154, "z": 280.22 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948963 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 2.356194490192345 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_10", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 250, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": 80.513, "y": 122.154, "z": 309.535 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 2.8797932657906435 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_6", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 250, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": -82.85, "y": 122.154, "z": -300.146 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 2.8797932657906435 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_8", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 250, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": 219.588, "y": 122.154, "z": -203.151 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.7853981633974483 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_13", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 250, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": -268.297, "y": 122.154, "z": 73.599 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.3089969389957472 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_6_1", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -51.165, "y": 122.154, "z": -181.894 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.3089969369003773 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_11_4", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 80, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -126.051, "y": 122.154, "z": 142.488 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 2.356194490192345 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_2", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 200, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": 92.18, "y": 122.154, "z": -317.722 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.2617993877991494 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_3", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 550, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": 130.058, "y": 122.154, "z": 41.476 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.8325957166894158 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_10_3", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 93.42, "y": 122.154, "z": 357.706 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.3089969389957472 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_10_2", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 102.5, "y": 122.154, "z": 391.592 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.3089969389957472 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_13_1", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -388.738, "y": 122.154, "z": 105.871 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -0.2617993877991494 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_6_4", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -114.755, "y": 122.154, "z": -419.215 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.3089969389957472 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_13_4", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -173.126, "y": 122.154, "z": 48.097 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": -0.2617993877991494 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_7", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 200, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": 317.287, "y": 122.154, "z": -83.307 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.3089969389957472 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_5_2", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 130, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -330.069, "y": 125, "z": -190.135 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.5235987755982988 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_5_1", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 130, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -371.429, "y": 125, "z": -216.595 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.5235987755982988 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_6_2", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -96.676, "y": 125, "z": -349.977 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.3089969389957472 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_12_4", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 60, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": 132.282, "y": 122.154, "z": 133.545 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.7853981633974483 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_5", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 200, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": -285.759, "y": 125, "z": -176.469 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 2.0943951023931953 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_10_4", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 100, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": 48.982, "y": 122.154, "z": 191.861 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 1.3089969369003773 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_5_3", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 130, "segmentsX": 2, "segmentsY": 0, "openEnded": false, "position": { "x": -287.029, "y": 122.787, "z": -168.046 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.5235987755982988 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "name": "m2_watertorus_11", "objType": "cylinder", "radiusTop": 1, "radiusBottom": 1, "height": 250, "segmentsX": 4, "segmentsY": 0, "openEnded": false, "position": { "x": -201.901, "y": 122.154, "z": 218.338 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 1.5707963267948966 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0.7853981633974483 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 0 }, "skin_side": { "skinColor": 11733000, "opacity": 1 } } }, "showSortNub": 349, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }]
  14.         $.each(waterTorus, function (_index, _obj) {
  15.             var temObj = tl3DCoreObj.createObjByJson(_obj);
  16.             tl3DCoreObj.addObject(temObj);
  17.             tl3dCoreBusiness.model2.WaterTorus.push(temObj);
  18.         });
  19.     }
  20.     if (tl3dCoreBusiness.model2.loadedWaterTorus == undefined || tl3dCoreBusiness.model2.loadedWaterTorus == false) {
  21.         $.each(tl3dCoreBusiness.model2.WaterTorus, function (_index, _obj) {
  22.             _obj.visible = true;
  23.             tl3dCoreBusiness.flashObj(_obj, 0xffff00, 200);
  24.         });
  25.         tl3dCoreBusiness.model2.hideWind();
  26.         tl3dCoreBusiness.model2.loadedWaterTorus = true;
  27.         tl3dCoreBusiness.changeCameraPosition({ x: -619, y: 681, z: 461 }, { x: -9, y: 77, z: 19 }, 1000)
  28.     } else {
  29.         $.each(tl3dCoreBusiness.model2.WaterTorus, function (_index, _obj) {
  30.             _obj.visible = false;
  31.         });
  32.         tl3dCoreBusiness.model2.loadedWaterTorus = false;
  33.     }
  34.  
  35. },
  36.  
  37. hideWaterTorus: function () {
  38.     if (tl3dCoreBusiness.model2.WaterTorus && tl3dCoreBusiness.model2.WaterTorus.length > 0) {
  39.         $.each(tl3dCoreBusiness.model2.WaterTorus, function (_index, _obj) {
  40.             _obj.visible = false;
  41.         });
  42.         tl3dCoreBusiness.model2.loadedWaterTorus = false;
  43.     }
  44. },
  45.  
  46. showSmokeLine: function () {
  47.     if (tl3dCoreBusiness.model2.loadedSmokeLine == undefined) {
  48.         tl3dCoreBusiness.model2.SmokeLine = [];
  49.         var smokeLines = [{ "show": true, "uuid": "", "name": "m2_fire_smokeline_5", "objType": "SplineCurve", "segments": 48, "points": [{ "x": -233, "y": 0, "z": -65 }, { "x": -233, "y": 0, "z": 50 }, { "x": -200, "y": 0, "z": 100 }, { "x": -150, "y": 0, "z": 200 }, { "x": -100, "y": 0, "z": 250 }, { "x": 50, "y": 0, "z": 250 }, { "x": 180, "y": 0, "z": 180 }, { "x": 240, "y": 0, "z": 92 }, { "x": 170, "y": 0, "z": -15 }, { "x": -140, "y": 0, "z": -85 }], "style": { "skinColor": 1527697 }, "LineStyle": "LinePieces", "position": { "x": 0, "y": 119, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "showSortNub": 420, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null },
  50.             { "show": true, "uuid": "", "name": "m2_fire_smokeline_4", "objType": "SplineCurve", "segments": 6, "points": [{ "x": -356, "y": 0, "z": 74 }, { "x": -300, "y": 0, "z": 250 }, { "x": -100, "y": 0, "z": 150 }, { "x": 40, "y": 0, "z": 185 }], "style": { "skinColor": 1527697 }, "LineStyle": "LinePieces", "position": { "x": 0, "y": 119, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "showSortNub": 420, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null },
  51.             { "show": true, "uuid": "", "name": "m2_fire_smokeline_3", "objType": "SplineCurve", "segments": 48, "points": [{ "x": 361, "y": 0, "z": 107 }, { "x": 377, "y": 0, "z": -75 }, { "x": 272, "y": 0, "z": -256 }, { "x": 111, "y": 0, "z": -354 }, { "x": 30, "y": 0, "z": -290 }, { "x": 84, "y": 0, "z": -146 }, { "x": -2, "y": 0, "z": -175 }, { "x": -227, "y": 0, "z": -262 }, { "x": -344, "y": 0, "z": -154 }, { "x": -233, "y": 0, "z": -65 }], "style": { "skinColor": 1527697 }, "LineStyle": "LinePieces", "position": { "x": 0, "y": 119, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "showSortNub": 420, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null },
  52.                     { "show": true, "uuid": "", "name": "m2_fire_smokeline_1", "objType": "SplineCurve", "segments": 6, "points": [{ "x": 121, "y": 0, "z": 412 }, { "x": 187, "y": 0, "z": 331 }, { "x": 216, "y": 0, "z": 252 }, { "x": 180, "y": 0, "z": 180 }], "style": { "skinColor": 1527697 }, "LineStyle": "LinePieces", "position": { "x": 0, "y": 119, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "showSortNub": 420, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null },
  53.                     { "show": true, "uuid": "", "name": "m2_fire_smokeline_2", "objType": "SplineCurve", "segments": 6, "points": [{ "x": 264, "y": 0, "z": 308 }, { "x": 187, "y": 0, "z": 331 }, { "x": 124, "y": 0, "z": 309 }, { "x": 50, "y": 0, "z": 250 }], "style": { "skinColor": 1527697 }, "LineStyle": "LinePieces", "position": { "x": 0, "y": 119, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "showSortNub": 420, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null },
  54.         ];
  55.         $.each(smokeLines, function (_index, _obj) {
  56.             var temObj = tl3DCoreObj.createObjByJson(_obj);
  57.             tl3DCoreObj.addObject(temObj);
  58.             tl3dCoreBusiness.model2.SmokeLine.push(temObj);
  59.         });
  60.     }
  61.  
  62.     if (tl3dCoreBusiness.model2.loadedSmokeLine == undefined || tl3dCoreBusiness.model2.loadedSmokeLine == false) {
  63.         $.each(tl3dCoreBusiness.model2.SmokeLine, function (_index, _obj) {
  64.             _obj.visible = true;
  65.             tl3dCoreBusiness.flashObj(_obj, 0xffff00, 200);
  66.         });
  67.         tl3dCoreBusiness.model2.hideWind();
  68.         tl3dCoreBusiness.model2.loadedSmokeLine = true;
  69.         tl3dCoreBusiness.changeCameraPosition({ x: -619, y: 681, z: 461 }, { x: -9, y: 77, z: 19 }, 1000)
  70.     } else {
  71.         $.each(tl3dCoreBusiness.model2.SmokeLine, function (_index, _obj) {
  72.             _obj.visible = false;
  73.         });
  74.         tl3dCoreBusiness.model2.loadedSmokeLine = false;
  75.     }
  76. },
  77. hideSmokeLine: function () {
  78.     if (tl3dCoreBusiness.model2.SmokeLine && tl3dCoreBusiness.model2.SmokeLine.length > 0) {
  79.     $.each(tl3dCoreBusiness.model2.SmokeLine, function (_index, _obj) {
  80.         _obj.visible = false;
  81.     });
  82.     tl3dCoreBusiness.model2.loadedSmokeLine = false;
  83.     }
  84. },

八、模拟消防通风管道

  1. showWind: function () {
  2.     if (tl3dCoreBusiness.model2.loadedWind == undefined) {
  3.         tl3dCoreBusiness.model2.winds = [];
  4.         var windObsj = [
  5.             { "show": true, "uuid": "", "name": "m2_windMain_5", "objType": "flowTube", "points": [{ "x": 0, "y": 0, "z": 0 }, { "x": 0, "y": -30, "z": 5 }, { "x": null, "y": -60, "z": 20 }], "position": { "x": -146.196, "y": 100.47, "z": -45.258 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": -0.27230627135602553 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16772846, "imgurl": "../../img/3dImg/right2wind.png", "opacity": 1, "canvasSkin": { "cwidth": 1024, "cheight": 128, "cwNub": 8, "chNub": 4, "cMarginW": 0.2, "cMarginH": 0.2, "speed": 8, "fps": 40, "direction": "w", "forward": "f", "side": 1, "run": true, "bgcolor": "rgba(79, 179, 179, 0.0392157)" } }, "segments": 4, "radialSegments": 2, "closed": false, "radius": 4, "showSortNub": 425, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "show": true, "uuid": "", "name": "m2_windMain_1", "objType": "flowTube", "points": [{ "x": -190, "y": 0, "z": -60 }, { "x": 190, "y": 0, "z": 40 }], "position": { "x": 0, "y": 105.889, "z": 0 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16772846, "imgurl": "../../img/3dImg/right2wind.png", "opacity": 1, "canvasSkin": { "cwidth": 1024, "cheight": 128, "cwNub": 16, "chNub": 6, "cMarginW": 0.2, "cMarginH": 0.2, "speed": 8, "fps": 40, "direction": "w", "forward": "f", "side": 1, "run": true, "bgcolor": "rgba(79, 179, 179, 0.439216)" } }, "segments": 2, "radialSegments": 4, "closed": false, "radius": 10, "showSortNub": 425, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "show": true, "uuid": "", "name": "m2_windCube_1", "objType": "cube2", "length": 400, "width": 20, "height": 20, "x": -1.864, "y": 106.607, "z": -9.802, "style": { "skinColor": 16777215, "skin": { "skin_up": { "skinColor": 11776947, "side": 0, "opacity": 0.8, "imgurl": "../../img/3dImg/pump_metalreflect.jpg" }, "skin_down": { "skinColor": 11776947, "side": 0, "opacity": 0.8, "imgurl": "../../img/3dImg/pump_metalreflect.jpg" }, "skin_fore": { "skinColor": 11776947, "side": 0, "opacity": 0.8, "imgurl": "../../img/3dImg/pump_metalreflect.jpg" }, "skin_behind": { "skinColor": 11776947, "side": 0, "opacity": 0.8, "imgurl": "../../img/3dImg/pump_metalreflect.jpg" }, "skin_left": { "skinColor": 11776947, "side": 0, "opacity": 0.8, "imgurl": "../../img/3dImg/pump_metalreflect.jpg" }, "skin_right": { "skinColor": 11776947, "side": 0, "opacity": 0.8, "imgurl": "../../img/3dImg/pump_metalreflect.jpg" } } }, "showSortNub": 424, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": -0.2617993862812288 }, { "direction": "z", "degree": 0 }], "thick": null, "scale": { "x": 1, "y": 1, "z": 1 }, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "show": true, "uuid": "", "name": "m2_windMain_4", "objType": "flowTube", "points": [{ "x": 0, "y": 0, "z": 0 }, { "x": 0, "y": -30, "z": 5 }, { "x": null, "y": -60, "z": 20 }], "position": { "x": 169.3709269400818, "y": 100.47, "z": 40.8132174721008 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": -0.27230627135602553 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16772846, "imgurl": "../../img/3dImg/right2wind.png", "opacity": 1, "canvasSkin": { "cwidth": 1024, "cheight": 128, "cwNub": 8, "chNub": 4, "cMarginW": 0.2, "cMarginH": 0.2, "speed": 8, "fps": 40, "direction": "w", "forward": "f", "side": 1, "run": true, "bgcolor": "rgba(79, 179, 179, 0.0392157)" } }, "segments": 4, "radialSegments": 2, "closed": false, "radius": 4, "showSortNub": 425, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "show": true, "uuid": "", "name": "m2_windMain_2", "objType": "flowTube", "points": [{ "x": 0, "y": 0, "z": 0 }, { "x": 0, "y": -30, "z": 5 }, { "x": null, "y": -60, "z": 20 }], "position": { "x": -18.024, "y": 100.47, "z": -14.449 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": -0.27230627135602553 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16772846, "imgurl": "../../img/3dImg/right2wind.png", "opacity": 1, "canvasSkin": { "cwidth": 1024, "cheight": 128, "cwNub": 8, "chNub": 4, "cMarginW": 0.2, "cMarginH": 0.2, "speed": 8, "fps": 40, "direction": "w", "forward": "f", "side": 1, "run": true, "bgcolor": "rgba(79, 179, 179, 0.0392157)" } }, "segments": 4, "radialSegments": 2, "closed": false, "radius": 4, "showSortNub": 425, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }, { "show": true, "uuid": "", "name": "m2_windMain_3", "objType": "flowTube", "points": [{ "x": 0, "y": 0, "z": 0 }, { "x": 0, "y": -30, "z": 5 }, { "x": null, "y": -60, "z": 20 }], "position": { "x": 69.596, "y": 100.47, "z": 11.247 }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": -0.27230627135602553 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16772846, "imgurl": "../../img/3dImg/right2wind.png", "opacity": 1, "canvasSkin": { "cwidth": 1024, "cheight": 128, "cwNub": 8, "chNub": 4, "cMarginW": 0.2, "cMarginH": 0.2, "speed": 8, "fps": 40, "direction": "w", "forward": "f", "side": 1, "run": true, "bgcolor": "rgba(79, 179, 179, 0.0392157)" } }, "segments": 4, "radialSegments": 2, "closed": false, "radius": 4, "showSortNub": 425, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null }]
  6.         $.each(windObsj, function (_index, _obj) {
  7.             var temObj = tl3DCoreObj.createObjByJson(_obj);
  8.             tl3DCoreObj.addObject(temObj);
  9.             tl3dCoreBusiness.model2.winds.push(temObj);
  10.         });
  11.     }
  12.  
  13.     if (tl3dCoreBusiness.model2.loadedWind == undefined || tl3dCoreBusiness.model2.loadedWind == false) {
  14.         $.each(tl3dCoreBusiness.model2.winds, function (_index, _obj) {
  15.             _obj.visible = true;
  16.         });
  17.         tl3dCoreBusiness.model2.hideWaterTorus();
  18.         tl3dCoreBusiness.model2.hideSmokeLine();
  19.         tl3dCoreBusiness.model2.loadedWind = true;
  20.         tl3dCoreBusiness.changeCameraPosition({ x: -486, y: 494, z: 119 }, { x: -9, y: 77, z: 19 },1000)
  21.     } else {
  22.         $.each(tl3dCoreBusiness.model2.winds, function (_index, _obj) {
  23.             _obj.visible = false;
  24.         });
  25.         tl3dCoreBusiness.model2.loadedWind = false;
  26.     }
  27.  
  28. },

九、模拟消防设备巡检监控

  1.  Loaddata: function () {
  2.         tl3dCoreBusiness.currentModel = "model2";
  3.         tl3dCoreBusiness.changeCameraPosition({ x: -1263, y: 698, z: 12 }, { x: 0, y: 0, z: 0 }, 500);
  4.         var m2loaded = false;
  5.         if (tl3DCoreObj.hasLoadedModel2 && tl3DCoreObj.hasLoadedModel2 == true) {
  6.             m2loaded = true;
  7.         } else {
  8.             tl3DCoreObj.hasLoadedModel2 = true;
  9.         };
  10.         if (!m2loaded) {
  11.             console.log("add");
  12.             var _objects =
  13.                 [];
  14.  
  15.             var fireDevs = []
  16.             _objects.push({
  17.                 "objType": "clipObj",
  18.                 "clips": [{ "normalVector": { "x": -0.26, "y": 0, "z": 1 }, "constant": -40 }, { "normalVector": { "x": 0.26, "y": 0, "z": -1 }, "constant": -40 }, { "normalVector": { "x": 0, "y": 1, "z": 0 }, "constant": -85 }],
  19.                 "objNames": ["m2_floorInWall2_2", "m2_floorInWall2", "m2_floorInWall2_1", "m2_floorInWall1_2", "m2_floorInWall1_3", "m2_floorInWall1"]
  20.             });
  21.             var fireDev_2 = [];
  22.             $.each(fireDevs, function (_index,_obj) {
  23.                 if (_obj.name.indexOf("m2_firePT_") >= 0) {
  24.                     fireDev_2.push({ "name": _obj.name + "_1", "objType": "cylinder", "radiusTop": 1.5, "radiusBottom": 2, "height": 0.1, "segmentsX": 8, "segmentsY": 0, "openEnded": false, "position": { "x": _obj.position.x, "y": 114.81, "z": _obj.position.z }, "scale": { "x": 1, "y": 1, "z": 1 }, "rotation": [{ "direction": "x", "degree": 0 }, { "direction": "y", "degree": 0 }, { "direction": "z", "degree": 0 }], "style": { "skinColor": 16776960, "skin": { "skin_up": { "skinColor": 13421772, "side": 1, "opacity": 1, "imgurl": "../../img/3dImg/1503214476192_ring2.png" }, "skin_down": { "skinColor": 16777215, "side": 1, "opacity": 1, "imgurl": "../../img/3dImg/1503214476192_ring2.png" }, "skin_side": { "skinColor": 12434877, "opacity": 1, "imgurl": "../../img/3dImg/rack_inside2.jpg" } } }, "showSortNub": 326, "show": true, "customType1": "", "customType2": "", "animation": null, "dbclickEvents": null, "BindDevId": null, "BindDevName": null, "devInfo": null, "BindMeteId": null, "BindMeteName": null });
  25.  
  26.                 }
  27.             });
  28.             _objects= _objects.concat(fireDevs);
  29.             _objects = _objects.concat(fireDev_2);
  30.  
  31.             var fire_smokeDevs = [];
  32.             _objects = _objects.concat(fire_smokeDevs);
  33.  
  34.             _objects.push({
  35.                   "objType": "clipObj",
  36.                   "clips": [{ "normalVector": { "x": -0.26, "y": 0, "z": 1 }, "constant": 40 },
  37.                       { "normalVector": { "x": 0.26, "y": 0, "z": -1 }, "constant": -120 },
  38.                       { "normalVector": { "x": 0, "y": 1, "z": 0 }, "constant": -85 },
  39.                       { "normalVector": { "x": 1, "y": 0, "z": 0.26 }, "constant": -125 },
  40.                       { "normalVector": { "x": -1, "y": 0, "z": -0.26 }, "constant": -115 }],
  41.                   "objNames": ["m2_floorBase1"]
  42.               });
  43.  
  44.             $.each(_objects, function (_index, _obj) {
  45.                 tl3DCoreObj.objJsonList.push(_obj);
  46.                 tl3DCoreObj.InitAddObject(_obj);
  47.             });
  48.         }
  49.         tl3dCoreBusiness.model2.showAll();
  50.     },

这一课先介绍到这里

后面我将继续讲解相关消防演习游戏模拟的操作

用webgl 建立 3D机房 3D园区 3D智慧小区 3D工程等等

技术交流 1203193731@qq.com

交流微信：

　　　　

如果你有什么要交流的心得 可邮件我

使用webgl(three.js)搭建一个3D建筑，3D消防模拟——第三课的更多相关文章

  1. 如何用webgl(three.js)搭建不规则建筑模型，客流量热力图模拟

    本节课主要讲解如何用webgl(three.js)搭建一个建筑模型,客流量热力图模拟 使用技术说明: 这里主要用到了three.js,echart.js以及一些其它的js 与css技术,利用webso ...

  2. 使用webgl(three.js)搭建一个3D智慧园区、3D建筑，3D消防模拟，web版3D,bim管理系统——第四课

    序:这段时间忙于奔波,好久没有更新了,今天更新一下,继续上节课的完善讲解,算是对前段时间的一个总结吧.披星戴月的时光也算有点应用效果了. 对于webgl(three.js)性能这一块我在上节课< ...

  3. 如何用webgl(three.js)搭建一个3D库房,3D密集架,3D档案室（升级版）

    很长一段时间没有写3D库房,3D密集架相关的效果文章了,刚好最近有相关项目落地,索性总结一下 与之前我写的3D库房密集架文章<如何用webgl(three.js)搭建一个3D库房,3D密集架,3 ...

  4. 如何用webgl(three.js)搭建一个3D库房,3D仓库,3D码头,3D集装箱可视化孪生系统——第十五课

    序 又是快两个月没写随笔了,长时间不总结项目,不锻炼文笔,一开篇,多少都会有些生疏,不知道如何开篇,如何写下去.有点江郎才尽,黔驴技穷的感觉. 写随笔,通常三步走,第一步,搭建框架,先把你要写的内容框 ...

  5. 如何用webgl(three.js)搭建一个3D库房,3D仓库3D码头,3D集装箱,车辆定位,叉车定位可视化孪生系统——第十五课

    序 又是快两个月没写随笔了,长时间不总结项目,不锻炼文笔,一开篇,多少都会有些生疏,不知道如何开篇,如何写下去.有点江郎才尽,黔驴技穷的感觉. 写随笔,通常三步走,第一步,搭建框架,先把你要写的内容框 ...

  6. 如何用webgl(three.js)搭建一个3D库房-第一课

    今天我们来讨论一下如何使用当前流行的WebGL技术搭建一个库房并且实现实时有效交互 第一步.搭建一个3D库房首先你得知道库房长啥样,我们先来瞅瞅库房长啥样(这是我在网上找的一个库房图片,百度了“库房” ...

  7. 如何用webgl(three.js)搭建一个3D库房-第二课

    闲话少叙,我们接着第一课继续讲(http://www.cnblogs.com/yeyunfei/p/7899613.html),很久没有做技术分享了.很多人问第二课有没有,我也是抽空写一下第二课. 第 ...

  8. 如何用webgl(three.js)搭建一个3D库房,3D密集架,3D档案室,-第二课

    闲话少叙,我们接着第一课继续讲(http://www.cnblogs.com/yeyunfei/p/7899613.html),很久没有做技术分享了.很多人问第二课有没有,我也是抽空写一下第二课. 第 ...

  9. 使用webgl(three.js)搭建3D智慧园区、3D大屏，3D楼宇，智慧灯杆三维展示，3D灯杆，web版3D,bim管理系统——第六课

    前言: 今年是建国70周年,爱国热情异常的高涨,为自己身在如此安全.蓬勃发展的国家深感自豪. 我们公司楼下为庆祝国庆,拉了这样的标语,每个人做好一件事,就组成了我们强大的祖国. 看到这句话,深有感触, ...

随机推荐

  1. bzoj千题计划288：bzoj1876: [SDOI2009]SuperGCD

    http://www.lydsy.com/JudgeOnline/problem.php?id=1876 高精压位GCD 对于  GCD(a, b)  a>b 若 a 为奇数,b 为偶数,GCD ...

  2. 安装Loadrunner 11.0时，弹出缺少2.8 sp1组件--解决方案（win7）

    这是因为注册表缺少FullInstallVer和Version,归根到底是madc安装的的问题 以下是解决方法: 1.运行regedit,打开注册表,进入HKEY_LOCAL_MACHINE\SOFT ...

  3. axios封装

    前言 作为出入vue的小萌新,我在写请求的时候,也是毫不犹豫写了ajax,结果肯定是不行的... Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2. ...

  4. 记一次oracle crs无法重启事故

    今天在修改了数据库参数后,关闭数据库及crs,然后重新启动了服务器,服务器启动完成之后,发现数据库无法启动,过程如下: step1:重启数据库 $ su - grid $ srvctl stop da ...

  5. 新概念英语（1-97）A Small Blue Case

    Lesson 97 A small blue case 一只蓝色的小箱子 Listen to the tape then answer this question. Does Mr. Hall get ...

  6. Oracle处理XML字段时遇到的ORA-31013: XPATH 表达式无效问题

    select extractValue(ed.info_id, '/Root/ExpandProfile/PhoneNumber') as phone, extractValue(ed.info_id ...

  7. POJ-1861 Network---最小生成树

    题目链接: https://vjudge.net/problem/POJ-1861 题目大意: 有一些公司,公司之间需要连接起来.给出了哪些公司可以连接以及连接边的长度.求最小生成树中最大的边,以及最 ...

  8. 1028阿里RDS如何恢复云数据库MySQL的备份文件到自建数据库

    参照 https://help.aliyun.com/knowledge_detail/41817.html 恢复云数据库MySQL的备份文件到自建数据库 更新时间:2017-07-27 14:52: ...

  9. Oracle中SQL调优（SQL TUNING）之最权威获取SQL执行计划大全

    该文档为根据相关资料整理.总结而成,主要讲解Oracle数据库中,获取SQL语句执行计划的最权威.最正确的方法.步骤,此外,还详细说明了每种方法中可选项的意义及使用方法,以方便大家和自己日常工作中查阅 ...

  10. windows平台安装maven

    Maven项目对象模型(POM),可以通过一小段描述信息来管理项目的构建,报告和文档的软件项目管理工具. 一.安装maven3.5.3 安装环境(条件):Windows10.jdk1.7+ 1.下载m ...