欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-04 09:26:50
智慧灯杆、三维智慧灯杆、3D灯杆、3D定位、三维室内定位、3d建筑,3d消防,消防演习模拟,3d库房,3d档案室,3d密集架,webGL,threejs,3d机房,bim管理系统 ......

前言:

今年是建国70周年,爱国热情异常的高涨,为自己身在如此安全、蓬勃发展的国家深感自豪。

我们公司楼下为庆祝国庆,拉了这样的标语,每个人做好一件事,就组成了我们强大的祖国

看到这句话,深有感触,是的,强大的背后离不开我们每个人的奋力拼搏,作为基础研发的我们,我们也认认真真的做好每一次研发,不管成功失败,都是在前进的路上。

序:

今天要讲解的课程是《智慧园区与灯杆三维展示》课程。

首先我们描述一下智慧园区与灯杆的功能:

智慧园区:我们在上节课《使用webgl(three.js)搭建一个3d智慧园区、3d建筑,3d消防模拟,web版3d,bim管理系统——第四课(炫酷版一)》已经主要介绍过目前智慧园区的趋势功能 ,这里不再累赘描述。

     随着物联网的快速发展,人工智能的兴起,智慧园区就是将现有的前沿科技带入园区 带入家庭。

智慧灯杆:灯杆随处可见,但随着5g的来领,物联网的推广,人工智能的大力投入,智慧灯杆成了具体落实的重要体现。是智慧城市的重要组成部分。

      目前市场上设计的智慧灯杆带有智慧大屏,安全数据采集,环境数据采集、交通数据采集、交通指挥、5g网络、一键报警、充电桩、无人机停机坪等等功能

技术交流 1203193731@qq.com

交流微信:

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

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

 

一、效果功能展示:

闲话少叙,我们先看一下最终的实现效果:

1.1这是园区的整体情况

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

 1.2、这是整体到单栋楼宇的展示

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

 1.3、这是园区灯杆的整体情况

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

 

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

 二、具体实现

2.1、首先我们准备场景中需要的模型

2.1.1、准备单栋楼宇的代码模型,这里我们主要还是用代码的方式实现大楼模型。我们这里做大楼的示意级模拟。

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

 大楼模型代码:

[{"show":true,"uuid":"","name":"dt_build4_6","objtype":"groupobj","scale":{"x":1,"y":1,"z":1},"position":{"x":0,"y":0,"z":0},"rotation":[{"direction":"x","degree":0}],"childrens":[{"show":true,"uuid":"","name":"dt_build4_6objcren0","objtype":"extrudegeometry","position":{"x":0,"y":3000,"z":0},"style":{"skincolor":2406143,"imgurl":"../../img/3dimg/battery-front2.png","repeatx":true,"width":0.003,"repeaty":true,"height":0.003,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":30,"y":0,"type":"nomal"},{"x":350,"y":0,"type":"nomal"},{"x":350,"y":100,"type":"nomal"},{"x":350,"y":100,"type":"nomal"},{"x":650,"y":100,"type":"nomal"},{"x":650,"y":300,"type":"nomal"},{"x":-300,"y":300,"type":"nomal"},{"x":-300,"y":100,"type":"nomal"},{"x":30,"y":100,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":3000,"curvesegments":1,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"dt_build4_6objcren1","objtype":"extrudegeometry","position":{"x":0,"y":0,"z":0},"style":{"skincolor":2406143,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":30,"y":0,"type":"nomal"},{"x":350,"y":0,"type":"nomal"},{"x":350,"y":100,"type":"nomal"},{"x":350,"y":100,"type":"nomal"},{"x":650,"y":100,"type":"nomal"},{"x":650,"y":300,"type":"nomal"},{"x":-300,"y":300,"type":"nomal"},{"x":-300,"y":100,"type":"nomal"},{"x":30,"y":100,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":300,"curvesegments":1,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":1.5707963267948963},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"dt_build4_6objcren2","objtype":"extrudegeometry","position":{"x":421.488,"y":3144.366,"z":287.367},"style":{"skincolor":2406143,"imgurl":"../../img/3dimg/pump_metalreflect.jpg","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":5,"y":0,"type":"nomal"},{"x":5,"y":20,"type":"nomal"},{"x":20,"y":20,"type":"nomal"},{"x":0,"y":40,"type":"nomal"},{"x":-10,"y":40,"type":"nomal"},{"x":-10,"y":0,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":8,"curvesegments":1,"steps":1,"bevelenabled":false,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[{"x":0,"y":0,"z":0},{"x":450,"y":0,"z":0}]},"showsortnub":11,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-3.141592653589793},{"direction":"y","degree":0},{"direction":"z","degree":-3.141592653589793}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"dt_build4_6objcren3","objtype":"extrudegeometry","position":{"x":406.396,"y":2995.278,"z":276.416},"style":{"skincolor":2406143,"imgurl":"../../img/3dimg/wall/winwall2.png","repeatx":true,"width":0.01,"repeaty":true,"height":4,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":5,"y":0,"type":"nomal"},{"x":5,"y":10,"type":"nomal"},{"x":-150,"y":10,"type":"nomal"},{"x":-150,"y":0,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":8,"curvesegments":5,"steps":5,"bevelenabled":false,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[{"x":0,"y":0,"z":0},{"x":0,"y":0,"z":-10},{"x":450,"y":0,"z":-10},{"x":450,"y":0,"z":-9},{"x":450,"y":0,"z":0}]},"showsortnub":11,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-3.141592653589793},{"direction":"y","degree":0},{"direction":"z","degree":-3.141592653589793}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"dt_build4_6objcren4","objtype":"extrudegeometry","position":{"x":322.981,"y":2999.819,"z":-1.84},"style":{"skincolor":2406143,"imgurl":"../../img/3dimg/pump_metalreflect.jpg","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":5,"y":0,"type":"nomal"},{"x":5,"y":20,"type":"nomal"},{"x":20,"y":20,"type":"nomal"},{"x":0,"y":40,"type":"nomal"},{"x":-10,"y":40,"type":"nomal"},{"x":-10,"y":0,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":8,"curvesegments":9,"steps":9,"bevelenabled":false,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[{"x":0,"y":0,"z":0},{"x":30,"y":0,"z":0},{"x":30,"y":0,"z":1},{"x":30,"y":null,"z":100},{"x":31,"y":0,"z":100},{"x":320,"y":0,"z":100},{"x":330,"y":0,"z":101},{"x":330,"y":0,"z":300},{"x":329,"y":null,"z":300},{"x":70,"y":0,"z":300}]},"showsortnub":11,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"dt_build4_6objcren5","objtype":"extrudegeometry","position":{"x":58.969,"y":3008.621,"z":17.159},"style":{"skincolor":2406143,"imgurl":"../../img/3dimg/wall/winwall2.png","repeatx":true,"width":0.01,"repeaty":true,"height":4,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":5,"y":0,"type":"nomal"},{"x":5,"y":10,"type":"nomal"},{"x":-150,"y":10,"type":"nomal"},{"x":-150,"y":0,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":8,"curvesegments":5,"steps":5,"bevelenabled":false,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[{"x":0,"y":0,"z":0},{"x":0,"y":0,"z":-10},{"x":250,"y":0,"z":-10},{"x":250,"y":0,"z":-9},{"x":250,"y":0,"z":0}]},"showsortnub":11,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"dt_build4_6objcren6","objtype":"extrudegeometry","position":{"x":56.944,"y":3157.877,"z":-1.84},"style":{"skincolor":2406143,"imgurl":"../../img/3dimg/pump_metalreflect.jpg","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":5,"y":0,"type":"nomal"},{"x":5,"y":20,"type":"nomal"},{"x":20,"y":20,"type":"nomal"},{"x":0,"y":40,"type":"nomal"},{"x":-10,"y":40,"type":"nomal"},{"x":-10,"y":0,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":8,"curvesegments":1,"steps":1,"bevelenabled":false,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[{"x":0,"y":0,"z":0},{"x":250,"y":0,"z":0}]},"showsortnub":11,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"dt_build4_6objcren7","objtype":"extrudegeometry","position":{"x":55.698,"y":2998.081,"z":-1.84},"style":{"skincolor":2406143,"imgurl":"../../img/3dimg/pump_metalreflect.jpg","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":5,"y":0,"type":"nomal"},{"x":5,"y":-20,"type":"nomal"},{"x":20,"y":-20,"type":"nomal"},{"x":0,"y":-40,"type":"nomal"},{"x":-10,"y":-40,"type":"nomal"},{"x":-10,"y":0,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":8,"curvesegments":9,"steps":9,"bevelenabled":false,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[{"x":0,"y":0,"z":0},{"x":-30,"y":0,"z":0},{"x":-30,"y":0,"z":1},{"x":-30,"y":null,"z":100},{"x":-31,"y":0,"z":100},{"x":-340,"y":0,"z":100},{"x":-350,"y":0,"z":101},{"x":-350,"y":0,"z":300},{"x":-329,"y":null,"z":300},{"x":-70,"y":0,"z":300}]},"showsortnub":11,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"dt_build4_6objcren8","objtype":"cube2","length":80,"width":150,"height":150,"x":205.342,"y":3077.89,"z":103.364,"style":{"skincolor":16777215,"skin":{"skin_up":{"skincolor":2406143,"side":1,"opacity":1,"imgurl":"../../img/3dimg/floor.png","repeatx":true,"width":2,"repeaty":true,"height":2},"skin_down":{"skincolor":16777215,"side":1,"opacity":1},"skin_fore":{"skincolor":2406143,"side":1,"opacity":1,"imgurl":"../../img/3dimg/floor.png","repeatx":true,"width":2,"repeaty":true,"height":2},"skin_behind":{"skincolor":2406143,"side":1,"opacity":1,"imgurl":"../../img/3dimg/floor.png","repeatx":true,"width":2,"repeaty":true,"height":2},"skin_left":{"skincolor":2406143,"side":1,"opacity":1,"imgurl":"../../img/3dimg/floor.png","repeatx":true,"width":2,"repeaty":true,"height":2},"skin_right":{"skincolor":2406143,"side":1,"opacity":1,"imgurl":"../../img/3dimg/floor.png","repeatx":true,"width":2,"repeaty":true,"height":2}}},"showsortnub":12,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"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":"dt_build4_6objcren9","objtype":"extrudegeometry","position":{"x":0,"y":2994.515,"z":0},"style":{"skincolor":2406143,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":30,"y":0,"type":"nomal"},{"x":350,"y":0,"type":"nomal"},{"x":350,"y":100,"type":"nomal"},{"x":350,"y":100,"type":"nomal"},{"x":650,"y":100,"type":"nomal"},{"x":650,"y":300,"type":"nomal"},{"x":-300,"y":300,"type":"nomal"},{"x":-300,"y":100,"type":"nomal"},{"x":30,"y":100,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":1,"curvesegments":1,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null}],"showsortnub":6}]

 2.1.2、这是四栋单体大楼的样子

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

2.1.3、我们同样用代码,写出灯杆模型的样子

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

灯杆模型代码:

[{"show":true,"uuid":"","name":"denggan_6","objtype":"groupobj","scale":{"x":1,"y":1,"z":1},"position":{"x":0,"y":0,"z":0},"rotation":[{"direction":"x","degree":0}],"childrens":[{"show":true,"uuid":"","name":"denggan_6objcren0","objtype":"lathe","position":{"x":0,"y":-50.28,"z":0},"points":[{"x":8,"y":-350,"z":0},{"x":8,"y":350,"z":0},{"x":0,"y":350,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/jsfgcz.jpg","side":2,"opacity":1},"segments":2,"radialsegments":6,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren1","objtype":"lathe","position":{"x":44.784,"y":187.025,"z":0},"points":[{"x":0,"y":0,"z":0},{"x":12,"y":0,"z":0},{"x":12,"y":1,"z":0},{"x":12,"y":4,"z":null},{"x":11,"y":6,"z":null},{"x":9,"y":10,"z":null},{"x":6,"y":12,"z":null},{"x":2,"y":14,"z":null},{"x":2,"y":20,"z":null}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/inside_lightmap2.jpg","repeatx":true,"width":1,"repeaty":true,"height":1,"side":2,"opacity":1},"segments":8,"radialsegments":8,"closed":true,"phistart":0,"philength":6.281439977927592,"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":-1.5707963267948966},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren2","objtype":"lathe","position":{"x":0,"y":292.12,"z":0},"points":[{"x":2,"y":0,"z":0},{"x":2,"y":10,"z":0},{"x":8,"y":10,"z":0},{"x":8,"y":40,"z":null},{"x":0,"y":40,"z":null}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/jsfgcz.png","repeatx":true,"width":2,"repeaty":true,"height":12,"side":2,"opacity":1},"segments":4,"radialsegments":8,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren3","objtype":"extrudegeometry","position":{"x":-7.371,"y":148.997,"z":2.661},"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/jsfgcz.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.01,"opacity":1},"scale":{"x":0.5,"y":0.5,"z":0.5},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":-2,"y":-20,"type":"nomal"},{"x":-2,"y":70,"type":"nomal"},{"x":3,"y":70,"type":"nomal"},{"x":3,"y":60,"type":"nomal"},{"x":55,"y":60,"type":"nomal"},{"x":3,"y":55,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":10,"curvesegments":6,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":8,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-3.141592653589793},{"direction":"y","degree":0},{"direction":"z","degree":-3.141592653589793}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren4","objtype":"extrudegeometry","position":{"x":-9.903,"y":-474.611,"z":-21.666},"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/jsfgcz.jpg","repeatx":true,"width":0.005,"repeaty":true,"height":0.01,"opacity":1},"scale":{"x":0.5,"y":0.5,"z":0.5},"shapeparm":{"points":[{"x":2,"y":-200,"type":"nomal"},{"x":-2,"y":-200,"type":"nomal"},{"x":-2,"y":70,"type":"nomal"},{"x":3,"y":70,"type":"nomal"},{"x":3,"y":60,"type":"nomal"},{"x":20,"y":55,"type":"nomal"},{"x":3,"y":55,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":40,"curvesegments":6,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":8,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":1.5707963267948966},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren5","objtype":"extrudegeometry","position":{"x":-9.513,"y":268.062,"z":7.917},"style":{"skincolor":16758371,"imgurl":"../../img/3dimg/jsfgcz.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.01,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":0,"y":0,"type":"bezier3"},{"x":-10,"y":60,"type":"bezier3"},{"x":80,"y":80,"type":"bezier3"},{"x":80,"y":80,"type":"absarc","radius":10,"startangle":0,"endangle":5.235987755982989,"clockwise":true},{"x":80,"y":70,"type":"bezier3"},{"x":0,"y":60,"type":"bezier3"},{"x":0,"y":-20,"type":"bezier3"},{"x":-2,"y":-20,"type":"nomal"},{"x":-2,"y":30,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":15,"curvesegments":6,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":8,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-3.141592653589793},{"direction":"y","degree":0},{"direction":"z","degree":-3.141592653589793}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren6","objtype":"extrudegeometry","position":{"x":8.999,"y":268.76,"z":-7.394},"style":{"skincolor":16758371,"imgurl":"../../img/3dimg/jsfgcz.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.01,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":0,"y":0,"type":"bezier3"},{"x":-10,"y":60,"type":"bezier3"},{"x":80,"y":80,"type":"bezier3"},{"x":80,"y":80,"type":"absarc","radius":10,"startangle":0,"endangle":5.235987755982989,"clockwise":true},{"x":80,"y":70,"type":"bezier3"},{"x":0,"y":60,"type":"bezier3"},{"x":0,"y":-20,"type":"bezier3"},{"x":-2,"y":-20,"type":"nomal"},{"x":-2,"y":30,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":15,"curvesegments":6,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":8,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren7","objtype":"extrudegeometry","position":{"x":-7.456,"y":234.083,"z":7.901},"style":{"skincolor":16758371,"imgurl":"../../img/3dimg/jsfgcz.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.01,"materialtype":"phong","opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":0,"y":20,"type":"nomal"},{"x":0,"y":20,"type":"bezier3"},{"x":0,"y":40,"type":"bezier3"},{"x":60,"y":80,"type":"bezier3"},{"x":60,"y":55,"type":"bezier3"},{"x":0,"y":40,"type":"bezier3"},{"x":0,"y":0,"type":"bezier3"}],"holes":[]},"extrudesettings":{"amount":15,"curvesegments":6,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":8,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-3.141592653589793},{"direction":"y","degree":0},{"direction":"z","degree":-3.141592653589793}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren8","objtype":"extrudegeometry","position":{"x":6.545,"y":234.083,"z":-7.59},"style":{"skincolor":16758371,"imgurl":"../../img/3dimg/jsfgcz.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.01,"materialtype":"phong","opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":0,"y":20,"type":"nomal"},{"x":0,"y":20,"type":"bezier3"},{"x":0,"y":40,"type":"bezier3"},{"x":60,"y":80,"type":"bezier3"},{"x":60,"y":55,"type":"bezier3"},{"x":0,"y":40,"type":"bezier3"},{"x":0,"y":0,"type":"bezier3"}],"holes":[]},"extrudesettings":{"amount":15,"curvesegments":6,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":8,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren9","objtype":"extrudegeometry","position":{"x":7.341,"y":171.124,"z":-1.865},"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/jsfgcz.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.01,"opacity":1},"scale":{"x":0.5,"y":0.5,"z":0.5},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":0,"y":0,"type":"bezier3"},{"x":-10,"y":60,"type":"bezier3"},{"x":80,"y":80,"type":"bezier3"},{"x":80,"y":80,"type":"absarc","radius":10,"startangle":0,"endangle":5.235987755982989,"clockwise":true},{"x":80,"y":70,"type":"bezier3"},{"x":0,"y":60,"type":"bezier3"},{"x":0,"y":-20,"type":"bezier3"},{"x":-2,"y":-20,"type":"nomal"},{"x":-2,"y":70,"type":"nomal"},{"x":3,"y":70,"type":"nomal"},{"x":3,"y":60,"type":"nomal"},{"x":35,"y":60,"type":"nomal"},{"x":3,"y":55,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":8,"curvesegments":6,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":8,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren10","objtype":"extrudegeometry","position":{"x":7.323,"y":-164.938,"z":-3.237},"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/inside_lightmap2.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.01,"materialtype":"phong","opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":0,"y":10,"type":"nomal"},{"x":0,"y":10,"type":"bezier3"},{"x":0,"y":40,"type":"bezier3"},{"x":60,"y":45,"type":"bezier3"},{"x":60,"y":48,"type":"nomal"},{"x":-5,"y":48,"type":"nomal"},{"x":-5,"y":200,"type":"nomal"},{"x":60,"y":200,"type":"nomal"},{"x":60,"y":200,"type":"bezier3"},{"x":0,"y":205,"type":"bezier3"},{"x":0,"y":245,"type":"bezier3"},{"x":-16,"y":245,"type":"nomal"},{"x":-16,"y":245,"type":"bezier3"},{"x":-16,"y":205,"type":"bezier3"},{"x":-76,"y":200,"type":"bezier3"},{"x":-10,"y":200,"type":"nomal"},{"x":-10,"y":48,"type":"nomal"},{"x":-76,"y":48,"type":"nomal"},{"x":-76,"y":45,"type":"nomal"},{"x":-76,"y":45,"type":"bezier3"},{"x":-16,"y":40,"type":"bezier3"},{"x":-16,"y":10,"type":"bezier3"},{"x":-16,"y":0,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":5,"curvesegments":6,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":8,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren11","objtype":"groupobj","scale":{"x":0.6,"y":0.6,"z":0.6},"position":{"x":-27.661,"y":157.389,"z":0},"rotation":[{"direction":"x","degree":0.0265639112153537},{"direction":"y","degree":-1.5707963267948966},{"direction":"z","degree":0}],"childrens":[{"show":true,"uuid":"","name":"wbcljcy_13objcren0","objtype":"groupobj","scale":{"x":1,"y":1,"z":1.4},"position":{"x":0,"y":-1.719,"z":0},"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":1.5707963267948966},{"direction":"z","degree":0}],"childrens":[{"show":true,"uuid":"","name":"wbcljcy_13objcren0objcren0","objtype":"lathe","position":{"x":0,"y":0,"z":0},"points":[{"x":0,"y":0,"z":0},{"x":20,"y":0,"z":0},{"x":20,"y":2,"z":0},{"x":22,"y":2,"z":0},{"x":22,"y":4,"z":0},{"x":20,"y":4,"z":null},{"x":20,"y":15,"z":null},{"x":0,"y":15,"z":null}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/inside_lightmap.jpg","repeatx":true,"width":1,"repeaty":true,"height":3,"side":2,"opacity":1},"segments":7,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0.7576823348757783},{"direction":"y","degree":0.23120376601168885},{"direction":"z","degree":-1.3331522958433486}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null}],"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"wbcljcy_13objcren1","objtype":"extrudegeometry","position":{"x":-7.471,"y":5.086,"z":-16.187},"style":{"skincolor":14345446,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":3,"y":0,"type":"nomal"},{"x":0,"y":8,"type":"nomal"},{"x":0,"y":0,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":15,"curvesegments":1,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":13,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-3.141592653589793},{"direction":"y","degree":1.5707963267948966},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"wbcljcy_13objcren2","objtype":"extrudegeometry","position":{"x":0.11,"y":8.731,"z":-33.618},"style":{"skincolor":14345446,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":8,"y":0,"type":"nomal"},{"x":5,"y":1,"type":"nomal"},{"x":-5,"y":1,"type":"nomal"},{"x":-8,"y":0,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":15,"curvesegments":1,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":13,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":1.5707963267948963},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"wbcljcy_13objcren3","objtype":"extrudegeometry","position":{"x":0,"y":0,"z":-31.719},"style":{"skincolor":14345446,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":5,"y":0,"type":"nomal"},{"x":5,"y":2,"type":"nomal"},{"x":-5,"y":2,"type":"nomal"},{"x":-5,"y":0,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":15,"curvesegments":1,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":13,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null}],"showsortnub":13,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren12","objtype":"cube2","length":62,"width":5,"height":150,"x":36.985,"y":-40.05,"z":-1,"style":{"skincolor":16777215,"skin":{"skin_up":{"skincolor":6710886,"side":1,"opacity":1},"skin_down":{"skincolor":6710886,"side":1,"opacity":1},"skin_fore":{"skincolor":6710886,"side":1,"opacity":1},"skin_behind":{"skincolor":6710886,"side":1,"opacity":1},"skin_left":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/dp3.png"},"skin_right":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/dp4.png"}}},"showsortnub":20,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"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":"denggan_6objcren13","objtype":"lathe","position":{"x":44.784,"y":188.722,"z":0},"points":[{"x":0,"y":0,"z":0},{"x":10,"y":0,"z":0},{"x":10,"y":1,"z":0},{"x":10,"y":4,"z":null},{"x":9,"y":6,"z":null},{"x":7,"y":10,"z":null},{"x":4,"y":12,"z":null},{"x":0,"y":13,"z":null}],"style":{"skincolor":1315084,"imgurl":"../../img/3dimg/inside_lightmap2.jpg","repeatx":true,"width":1,"repeaty":true,"height":1,"side":2,"opacity":0.9},"segments":8,"radialsegments":8,"closed":true,"phistart":0,"philength":6.281439977927592,"showsortnub":600,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":3.141592653589793},{"direction":"y","degree":-1.5707963267948966},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren14","objtype":"cube2","length":12,"width":5,"height":18,"x":-0.709,"y":-458.75,"z":-22.628,"style":{"skincolor":16777215,"skin":{"skin_up":{"skincolor":16728128,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_down":{"skincolor":16728128,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_fore":{"skincolor":16728128,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_behind":{"skincolor":16728128,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_left":{"skincolor":16728128,"side":1,"opacity":1,"imgurl":"../../img/3dimg/yjbjxt1.png"},"skin_right":{"skincolor":16728128,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"}}},"showsortnub":36,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"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":"denggan_6objcren15","objtype":"lathe","position":{"x":0,"y":-594.032,"z":0},"points":[{"x":30,"y":-5,"z":0},{"x":30,"y":0,"z":0},{"x":20,"y":2,"z":0},{"x":20,"y":5,"z":0},{"x":28,"y":15,"z":null},{"x":25,"y":150,"z":null},{"x":9,"y":250,"z":null},{"x":0,"y":250,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/jsfgcz.jpg","side":2,"opacity":1},"segments":7,"radialsegments":5,"closed":true,"phistart":0,"philength":6.283167853887067,"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren16","objtype":"cube2","length":24,"width":5,"height":60,"x":0.243,"y":-505.247,"z":-22.193,"style":{"skincolor":16777215,"skin":{"skin_up":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_down":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_fore":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_behind":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_left":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/cqz.png"},"skin_right":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"}}},"showsortnub":36,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"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":"denggan_6objcren17","objtype":"cube2","length":20,"width":5,"height":35,"x":0.243,"y":-555.713,"z":-22.193,"style":{"skincolor":16777215,"skin":{"skin_up":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_down":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_fore":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_behind":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"},"skin_left":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/door4_right.jpg"},"skin_right":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/rack_inside2.jpg"}}},"showsortnub":36,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"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":"denggan_6objcren18","objtype":"cube2","length":62,"width":5,"height":150,"x":-37.869,"y":-40.05,"z":-1,"style":{"skincolor":16777215,"skin":{"skin_up":{"skincolor":6710886,"side":1,"opacity":1},"skin_down":{"skincolor":6710886,"side":1,"opacity":1},"skin_fore":{"skincolor":6710886,"side":1,"opacity":1},"skin_behind":{"skincolor":6710886,"side":1,"opacity":1},"skin_left":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/dp1.png"},"skin_right":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/dp2.png"}}},"showsortnub":20,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"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":"denggan_6objcren19","objtype":"groupobj","scale":{"x":0.1,"y":0.1,"z":0.1},"position":{"x":-29.27,"y":176.851,"z":12.782},"rotation":[{"direction":"x","degree":-2.96705972839036},{"direction":"y","degree":0},{"direction":"z","degree":-3.141592653589793}],"childrens":[{"show":true,"uuid":"","name":"gudingshexiangji_22objcren0","objtype":"shapegeometry","position":{"x":52.507,"y":86.93,"z":253.187},"style":{"skincolor":16117482,"imgurl":"../../img/3dimg/inside_lightmap2.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.01,"side":2,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":50,"y":0,"type":"nomal"},{"x":50,"y":250,"type":"nomal"},{"x":45,"y":250,"type":"nomal"},{"x":10,"y":280,"type":"nomal"},{"x":0,"y":280,"type":"nomal"},{"x":0,"y":0,"type":"nomal"}],"holes":[]},"showsortnub":7,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948963},{"direction":"y","degree":1.5707963267948966},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"gudingshexiangji_22objcren1","objtype":"shapegeometry","position":{"x":-32.512,"y":86.93,"z":253.187},"style":{"skincolor":16117482,"imgurl":"../../img/3dimg/inside_lightmap2.jpg","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"side":2,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":50,"y":0,"type":"nomal"},{"x":50,"y":250,"type":"nomal"},{"x":45,"y":250,"type":"nomal"},{"x":10,"y":280,"type":"nomal"},{"x":0,"y":280,"type":"nomal"},{"x":0,"y":0,"type":"nomal"}],"holes":[]},"showsortnub":7,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948963},{"direction":"y","degree":1.5707963267948966},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"gudingshexiangji_22objcren2","objtype":"shapegeometry","position":{"x":-32.297,"y":86.51,"z":253.187},"style":{"skincolor":16117482,"imgurl":"../../img/3dimg/inside_lightmap2.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.001,"side":2,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":85,"y":0,"type":"nomal"},{"x":85,"y":280,"type":"nomal"},{"x":0,"y":280,"type":"nomal"},{"x":0,"y":0,"type":"nomal"}],"holes":[]},"showsortnub":7,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948963},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"gudingshexiangji_22objcren3","objtype":"extrudegeometry","position":{"x":19.771,"y":2.894,"z":251.879},"style":{"skincolor":14078157,"imgurl":"../../img/3dimg/inside_lightmap2.jpg","repeatx":true,"width":0.0001,"repeaty":true,"height":0.001,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":5,"type":"nomal"},{"x":40,"y":5,"type":"nomal"},{"x":45,"y":10,"type":"nomal"},{"x":50,"y":10,"type":"nomal"},{"x":50,"y":80,"type":"nomal"},{"x":-30,"y":80,"type":"nomal"},{"x":-30,"y":10,"type":"nomal"},{"x":-25,"y":10,"type":"nomal"},{"x":-20,"y":5,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":250,"curvesegments":1,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[]},"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-3.141592653589793},{"direction":"y","degree":0},{"direction":"z","degree":-3.141592653589793}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"name":"gudingshexiangji_22objcren4","objtype":"cylinder","radiustop":25,"radiusbottom":20,"height":10,"segmentsx":16,"segmentsy":0,"openended":false,"position":{"x":9.607,"y":46.007,"z":1.254},"scale":{"x":1,"y":1,"z":1},"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":0}],"style":{"skincolor":16776960,"skin":{"skin_up":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/camera.png"},"skin_down":{"skincolor":1841947,"side":1,"opacity":1},"skin_side":{"skincolor":4538946,"opacity":1}}},"showsortnub":10,"show":true,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"gudingshexiangji_22objcren5","objtype":"shapegeometry","position":{"x":-17.261,"y":6.463,"z":161.14},"style":{"skincolor":16117482,"imgurl":"../../img/3dimg/inside_lightmap2.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.001,"side":2,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":50,"y":0,"type":"nomal"},{"x":50,"y":50,"type":"nomal"},{"x":0,"y":50,"type":"nomal"},{"x":0,"y":0,"type":"nomal"}],"holes":[]},"showsortnub":7,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"gudingshexiangji_22objcren6","objtype":"shapegeometry","position":{"x":32.985,"y":6.687,"z":136.337},"style":{"skincolor":16117482,"imgurl":"../../img/3dimg/inside_lightmap2.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.001,"side":2,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":0,"y":0,"type":"absarc","radius":25,"startangle":1.5707963267948966,"endangle":4.71238898038469,"clockwise":true},{"x":0,"y":0,"type":"nomal"}],"holes":[]},"showsortnub":7,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":1.5677943604814664},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"gudingshexiangji_22objcren7","objtype":"shapegeometry","position":{"x":-17.261,"y":6.687,"z":136.337},"style":{"skincolor":16117482,"imgurl":"../../img/3dimg/inside_lightmap2.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.001,"side":2,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":0,"y":0,"type":"absarc","radius":25,"startangle":1.5707963267948966,"endangle":4.71238898038469,"clockwise":true},{"x":0,"y":0,"type":"nomal"}],"holes":[]},"showsortnub":7,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":1.5677943604814664},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null}],"showsortnub":22,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"denggan_6objcren20","objtype":"lathe","position":{"x":-15.417,"y":177.312,"z":-0.222},"points":[{"x":1,"y":0,"z":0},{"x":1,"y":5,"z":0},{"x":6,"y":5,"z":0},{"x":6,"y":20,"z":null},{"x":0,"y":20,"z":null}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/eee.png","repeatx":true,"width":2,"repeaty":true,"height":2,"side":2,"opacity":1},"segments":4,"radialsegments":8,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null}],"showsortnub":6}]

 2.1.4、我们再看看汽车的代码模型

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

 

 

简易示意级小汽车模型代码

[{"show":true,"uuid":"","name":"car_13","objtype":"extrudegeometry","position":{"x":126.979,"y":-470.818,"z":6253.392},"style":{"skincolor":393115,"opacity":0.5},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":100,"y":0,"type":"nomal"},{"x":120,"y":10,"type":"absarc","radius":30,"startangle":3.490658503988659,"endangle":5.93411945678072,"clockwise":false},{"x":200,"y":0,"type":"nomal"},{"x":190,"y":0,"type":"bezier3"},{"x":240,"y":30,"type":"bezier3"},{"x":120,"y":30,"type":"bezier3"},{"x":100,"y":40,"type":"bezier3"},{"x":50,"y":80,"type":"bezier3"},{"x":-80,"y":60,"type":"bezier3"},{"x":-80,"y":60,"type":"bezier3"},{"x":-100,"y":40,"type":"bezier3"},{"x":-180,"y":20,"type":"bezier3"},{"x":-180,"y":0,"type":"nomal"},{"x":-100,"y":10,"type":"absarc","radius":30,"startangle":3.6651914291880923,"endangle":5.759586531581287,"clockwise":false}],"holes":[]},"extrudesettings":{"amount":0,"curvesegments":6,"steps":1,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":1,"extrudepathpoints":[{"x":-75,"y":0,"z":0},{"x":75,"y":0,"z":0}]},"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-3.141592653589793},{"direction":"y","degree":0},{"direction":"z","degree":-3.141592653589793}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null}]

 

 

 2.2、模型组装

2.2.1、首先我们先用代码实现科技感背景划线。主要使用three.splinecurve3的方法画出科技栅格。

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

2.2.2、接下来就是在科技栅格上添加环境背景图,在山体处做一个向上的拉伸。

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

[{"show":true,"uuid":"","name":"cube2","objtype":"cube2","length":100000,"width":100000,"height":1,"x":0,"y":-333.297,"z":0,"style":{"skincolor":16777215,"skin":{"skin_up":{"skincolor":16777215,"side":1,"opacity":1,"imgurl":"../../img/3dimg/bg2.png","repeatx":true,"width":20,"repeaty":true,"height":20},"skin_down":{"skincolor":990026,"side":1,"opacity":1},"skin_fore":{"skincolor":16777215,"side":1,"opacity":1},"skin_behind":{"skincolor":16777215,"side":1,"opacity":1},"skin_left":{"skincolor":16777215,"side":1,"opacity":1},"skin_right":{"skincolor":16777215,"side":1,"opacity":1}}},"showsortnub":1,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0},{"direction":"z","degree":0}],"thick":null,"scale":{"x":0.6,"y":1,"z":0.6},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"cube2_1","objtype":"cube2","length":20480,"width":20480,"height":1,"x":-843.065,"y":-322.009,"z":-5362.314,"style":{"skincolor":16777215,"skin":{"skin_up":{"skincolor":2648555,"side":1,"opacity":0.7,"imgurl":"../../img/3dimg/jxb7.jpg"},"skin_down":{"skincolor":16777215,"side":1,"opacity":0},"skin_fore":{"skincolor":16777215,"side":1,"opacity":1},"skin_behind":{"skincolor":16777215,"side":1,"opacity":1},"skin_left":{"skincolor":16777215,"side":1,"opacity":1},"skin_right":{"skincolor":16777215,"side":1,"opacity":1}}},"showsortnub":6,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":-0.027488934914202758},{"direction":"z","degree":0}],"thick":null,"scale":{"x":1.1,"y":1,"z":1.1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null}]

 2.2.3、下面我们要给道路添加上车流的效果,这里和上节课一样,首先是要确定车流的点位,然后利用点位数据,添加特效模型

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

 光线特效模型代码

这里的道路光线 我们使用模型特效

 

{
"show": true,
"uuid": "",
"name": "flowtube",
"objtype": "flowtube",
"points": [{
"x": -40000,
"y": 0,
"z": 0
}, {
"x": 40000,
"y": 0,
"z": 0
}],
"position": {
"x": -828.5,
"y": -285.697,
"z": 3070.868
},
"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": 4,
"chnub": 2,
"cmarginw": 0.2,
"cmarginh": 0.2,
"speed": 8,
"fps": 40,
"direction": "w",
"forward": "f",
"side": 2,
"run": true,
"bgcolor": "rgba(255, 119, 0, 0.26)"
}
},
"segments": 1,
"radialsegments": 2,
"closed": false,
"radius": 40,
"showsortnub": 205,
"customtype1": "",
"customtype2": "",
"animation": null,
"dbclickevents": null,
"binddevid": null,
"binddevname": null,
"devinfo": null,
"bindmeteid": null,
"bindmetename": null
}, 
"segments": 64,
"radialsegments": 4,
"closed": false,
"radius": 50,
"showsortnub": 205,
"customtype1": "",
"customtype2": "",
"animation": null,
"dbclickevents": null,
"binddevid": null,
"binddevname": null,
"devinfo": null,
"bindmeteid": null,
"bindmetename": null
}, {
"show": true,
"uuid": "",
"name": "flowtube_206",
"objtype": "flowtube",
"points": [{
"x": -20000,
"y": 0,
"z": -4000
}, {
"x": 7000,
"y": 0,
"z": 1800
}, {
"x": 15000,
"y": 0,
"z": 4500
}, {
"x": 16400,
"y": -50,
"z": 8000
}],
"position": {
"x": 7449.645,
"y": -296.122,
"z": -13354.89
},
"scale": {
"x": 1,
"y": 0.5,
"z": 1
},
"rotation": [{
"direction": "x",
"degree": 3.141592653589793
}, {
"direction": "y",
"degree": -1.5235153573583702
}, {
"direction": "z",
"degree": 3.141592653589793
}],
"style": {
"skincolor": 16772846,
"imgurl": "../../img/3dimg/right1.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": 2,
"run": true,
"bgcolor": "rgba(255, 136, 0, 0.27)"
}
},
"segments": 64,
"radialsegments": 4,
"closed": false,
"radius": 50,
"showsortnub": 205,
"customtype1": "",
"customtype2": "",
"animation": null,
"dbclickevents": null,
"binddevid": null,
"binddevname": null,
"devinfo": null,
"bindmeteid": null,
"bindmetename": null
}

 2.2.4、然后就来添加周遭的环境建筑,环境建筑主要从之前的建筑库里面复制粘贴一些即可。主要用于氛围渲染。

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

远处的建筑环境 随机添加一些即可

近处的适当模拟即可

{"show":true,"uuid":"","name":"m2_b1_11","objtype":"lathe","position":{"x":-11580.514,"y":-306.711,"z":10361.44},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":2550,"z":0},{"x":0,"y":2550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":6,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_21","objtype":"lathe","position":{"x":-14535.849,"y":-306.711,"z":8464.547},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":550,"z":0},{"x":0,"y":550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_7","objtype":"lathe","position":{"x":-16520.655,"y":-306.711,"z":7396.858},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":1050,"z":0},{"x":0,"y":1050,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_9","objtype":"lathe","position":{"x":-6593.336,"y":-306.711,"z":5417.177},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":2550,"z":0},{"x":0,"y":2550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_14","objtype":"lathe","position":{"x":-15332.962,"y":-306.711,"z":-11370.937},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":3550,"z":0},{"x":0,"y":2550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":6,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_13","objtype":"lathe","position":{"x":-22931.903,"y":-306.711,"z":-25758.894},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":5550,"z":0},{"x":0,"y":7550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":6,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_12","objtype":"lathe","position":{"x":-22931.903,"y":-306.711,"z":-4241.635},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":3550,"z":0},{"x":0,"y":4050,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":6,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_5","objtype":"lathe","position":{"x":-10607.363,"y":-306.711,"z":790.995},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":1550,"z":0},{"x":0,"y":1550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_1","objtype":"extrudegeometry","position":{"x":-26610.811,"y":-225,"z":-1263.09},"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":0.0001,"repeaty":true,"height":0.003,"opacity":1},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":400,"y":0,"type":"nomal"},{"x":400,"y":-1100,"type":"nomal"},{"x":0,"y":-1100,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":400,"curvesegments":2,"steps":2,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-1.1736990153811468}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_22","objtype":"lathe","position":{"x":-9625.705,"y":-306.711,"z":3570.015},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":1550,"z":0},{"x":0,"y":1550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_2","objtype":"lathe","position":{"x":-9724.63,"y":-306.711,"z":-12051.028},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":550,"z":0},{"x":0,"y":550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_10","objtype":"lathe","position":{"x":-5560.232,"y":-306.711,"z":5417.177},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":550,"z":0},{"x":0,"y":550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_6","objtype":"lathe","position":{"x":-10839.157,"y":-306.711,"z":2181.829},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":550,"z":0},{"x":0,"y":550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_20","objtype":"lathe","position":{"x":-9724.63,"y":-306.711,"z":8464.547},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":550,"z":0},{"x":0,"y":550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_3","objtype":"lathe","position":{"x":-12576.856,"y":-306.711,"z":1577.352},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":550,"z":0},{"x":0,"y":550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m2_b1_4","objtype":"lathe","position":{"x":-14899.259,"y":-306.711,"z":3899.755},"points":[{"x":500,"y":0,"z":0},{"x":500,"y":550,"z":0},{"x":0,"y":550,"z":0}],"style":{"skincolor":16777215,"imgurl":"../../img/3dimg/bf.png","repeatx":true,"width":1,"repeaty":true,"height":2,"side":2,"opacity":0.5},"segments":2,"radialsegments":4,"closed":true,"phistart":0,"philength":6.283185307179586,"showsortnub":179,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.7853981633974483},{"direction":"z","degree":0}],"radius":null,"scale":{"x":1,"y":1,"z":1},"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_9","objtype":"extrudegeometry","position":{"x":6833.351,"y":-259.747,"z":-5299.004},"style":{"skincolor":15925247,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.3},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":1800,"y":0,"type":"nomal"},{"x":1800,"y":800,"type":"nomal"},{"x":1000,"y":800,"type":"nomal"},{"x":1000,"y":200,"type":"nomal"},{"x":0,"y":200,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":300,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.10177014868378936},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_5","objtype":"extrudegeometry","position":{"x":8234.442,"y":-310.474,"z":-3409.274},"style":{"skincolor":15925247,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.3},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":1800,"y":0,"type":"nomal"},{"x":1800,"y":-1300,"type":"nomal"},{"x":0,"y":-1300,"type":"nomal"},{"x":0,"y":-1000,"type":"nomal"},{"x":1400,"y":-1000,"type":"nomal"},{"x":1400,"y":-300,"type":"nomal"},{"x":0,"y":-300,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":800,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-3.0476415799549383}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_8","objtype":"extrudegeometry","position":{"x":8087.394,"y":-310.474,"z":-3030.463},"style":{"skincolor":15925247,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.3},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":200,"y":0,"type":"nomal"},{"x":200,"y":-2500,"type":"nomal"},{"x":0,"y":-2500,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":600,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-3.0476415799549383}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_15","objtype":"extrudegeometry","position":{"x":8302.592,"y":-310.474,"z":-3055.138},"style":{"skincolor":15925247,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.3},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":300,"y":0,"type":"nomal"},{"x":300,"y":-1500,"type":"nomal"},{"x":0,"y":-1500,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":600,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-1.4566168871294274}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_19","objtype":"extrudegeometry","position":{"x":7285.208,"y":-310.474,"z":-2592.641},"style":{"skincolor":15925247,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.3},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":0,"y":0,"type":"absarc","radius":400,"startangle":0,"endangle":6.283185307179586,"clockwise":true}],"holes":[]},"extrudesettings":{"amount":200,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-1.4566168871294274}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_14","objtype":"extrudegeometry","position":{"x":7814.065,"y":-259.747,"z":-1573.678},"style":{"skincolor":15925247,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.3},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":1800,"y":0,"type":"nomal"},{"x":1800,"y":800,"type":"nomal"},{"x":1000,"y":800,"type":"nomal"},{"x":1000,"y":200,"type":"nomal"},{"x":0,"y":200,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":300,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":0},{"direction":"y","degree":0.10177014868378936},{"direction":"z","degree":0}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_4","objtype":"extrudegeometry","position":{"x":11139.259,"y":-310.474,"z":-2323.74},"style":{"skincolor":9568200,"imgurl":"../../img/3dimg/floor1.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.002,"opacity":0.5},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":200,"y":-500,"type":"nomal"},{"x":900,"y":-800,"type":"absarc","radius":600,"startangle":-3.141592653589793,"endangle":0,"clockwise":true},{"x":1500,"y":-2000,"type":"nomal"},{"x":900,"y":-2200,"type":"absarc","radius":600,"startangle":6.283185307179586,"endangle":3.141592653589793,"clockwise":true},{"x":300,"y":-2200,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":80,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-3.0476415799549383}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_1","objtype":"extrudegeometry","position":{"x":9804.847,"y":-301.577,"z":1851.944},"style":{"skincolor":12447231,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.5},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":200,"y":0,"type":"nomal"},{"x":200,"y":-500,"type":"nomal"},{"x":900,"y":-800,"type":"absarc","radius":800,"startangle":-3.141592653589793,"endangle":0,"clockwise":true},{"x":1700,"y":-2000,"type":"nomal"},{"x":900,"y":-2200,"type":"absarc","radius":800,"startangle":6.283185307179586,"endangle":3.141592653589793,"clockwise":true},{"x":300,"y":-2200,"type":"nomal"},{"x":300,"y":-3000,"type":"nomal"},{"x":0,"y":-3000,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":40,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-3.0476415799549383}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_2","objtype":"extrudegeometry","position":{"x":9799.866,"y":-310.474,"z":1851.944},"style":{"skincolor":9568200,"imgurl":"../../img/3dimg/floor1.jpg","repeatx":true,"width":0.01,"repeaty":true,"height":0.002,"opacity":0.5},"scale":{"x":1,"y":1,"z":1},"shapeparm":{"points":[{"x":200,"y":-500,"type":"nomal"},{"x":900,"y":-800,"type":"absarc","radius":600,"startangle":-3.141592653589793,"endangle":0,"clockwise":true},{"x":1500,"y":-2000,"type":"nomal"},{"x":900,"y":-2200,"type":"absarc","radius":600,"startangle":6.283185307179586,"endangle":3.141592653589793,"clockwise":true},{"x":300,"y":-2200,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":80,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-3.0476415799549383}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_3","objtype":"extrudegeometry","position":{"x":11140.914,"y":-301.577,"z":-2390.805},"style":{"skincolor":12447231,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.01,"repeaty":true,"height":0.002,"opacity":0.5},"scale":{"x":0.85,"y":0.8,"z":0.85},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":200,"y":0,"type":"nomal"},{"x":200,"y":-500,"type":"nomal"},{"x":900,"y":-800,"type":"absarc","radius":800,"startangle":-3.141592653589793,"endangle":0,"clockwise":true},{"x":1700,"y":-2000,"type":"nomal"},{"x":900,"y":-2200,"type":"absarc","radius":800,"startangle":6.283185307179586,"endangle":3.141592653589793,"clockwise":true},{"x":300,"y":-2200,"type":"nomal"},{"x":300,"y":-3000,"type":"nomal"},{"x":0,"y":-3000,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":40,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-3.0476415799549383}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_7","objtype":"extrudegeometry","position":{"x":11094.543,"y":-310.474,"z":-1183.396},"style":{"skincolor":15925247,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.3},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":1800,"y":0,"type":"nomal"},{"x":1800,"y":-1300,"type":"nomal"},{"x":0,"y":-1300,"type":"nomal"},{"x":0,"y":-1000,"type":"nomal"},{"x":1400,"y":-1000,"type":"nomal"},{"x":1400,"y":-300,"type":"nomal"},{"x":0,"y":-300,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":800,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-3.0476415799549383}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_6","objtype":"extrudegeometry","position":{"x":11902.351,"y":-310.474,"z":895.952},"style":{"skincolor":15925247,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.3},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":1800,"y":0,"type":"nomal"},{"x":1800,"y":-1300,"type":"nomal"},{"x":0,"y":-1300,"type":"nomal"},{"x":0,"y":-1000,"type":"nomal"},{"x":1400,"y":-1000,"type":"nomal"},{"x":1400,"y":-300,"type":"nomal"},{"x":0,"y":-300,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":800,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-3.0476415799549383}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_11","objtype":"extrudegeometry","position":{"x":11719.141,"y":-310.474,"z":1232.674},"style":{"skincolor":15925247,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.3},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":200,"y":0,"type":"nomal"},{"x":200,"y":-2500,"type":"nomal"},{"x":0,"y":-2500,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":600,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-3.0476415799549383}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null},{"show":true,"uuid":"","name":"m_bb2_1_20","objtype":"extrudegeometry","position":{"x":11897.751,"y":-310.474,"z":1209.998},"style":{"skincolor":15925247,"imgurl":"../../img/3dimg/greenhourse.png","repeatx":true,"width":0.001,"repeaty":true,"height":0.001,"opacity":0.3},"scale":{"x":0.85,"y":0.85,"z":1},"shapeparm":{"points":[{"x":0,"y":0,"type":"nomal"},{"x":300,"y":0,"type":"nomal"},{"x":300,"y":-1500,"type":"nomal"},{"x":0,"y":-1500,"type":"nomal"}],"holes":[]},"extrudesettings":{"amount":600,"curvesegments":4,"steps":4,"bevelenabled":true,"bevelthickness":1,"bevelsize":1,"bevelsegments":2,"extrudepathpoints":[]},"showsortnub":1073,"customtype1":"","customtype2":"","animation":null,"dbclickevents":null,"rotation":[{"direction":"x","degree":-1.5707963267948966},{"direction":"y","degree":0},{"direction":"z","degree":-1.4566168871294274}],"binddevid":null,"binddevname":null,"devinfo":null,"bindmeteid":null,"bindmetename":null}

 三、效果截图展示。上面是gif录屏。有些失真。下面截一些效果图展示

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

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

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

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

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

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

 四、主页面html代码:

<!doctype html>
<html style="padding:0px;margin:0px;">
<head>
    <style>
        body {
            /*background: linear-gradient(to top right, #000000 0%, #001925 60%, #003a73 100%);*/
            padding: 0px;
            margin: 0px;
            background: url(../img/bg2.jpg) center center/100% 100% no-repeat fixed;
            background-size: 100% 100%;
        }

        #toolbar {
            display: none;
        }

        .canvas_frame {
            border: none;
            cursor: pointer;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0);
            overflow: hidden;
        }

        .toolbar {
            display: block;
            position: absolute;
            left: 10px;
            top: 75px;
            width: 32px;
            height: auto;
            background: rgba(73, 178, 195, 0.34902);
            border-radius: 5px;
            padding: 5px;
        }

            .toolbar img {
                float: left;
                margin: 5px;
                width: 24px;
                height: 24px;
                pointer-events: auto;
                cursor: pointer;
            }

        .stats_output {
            display: block;
            position: absolute;
            border-radius: 5px;
            padding: 5px;
        }

        #canvas-frame > canvas {
            border-top-left-radius: 7px;
            border-bottom-right-radius: 7px;
            border-top-right-radius: 7px;
            border-bottom-left-radius: 7px;
        }

        .wt3dshowboxclass {
            box-shadow: inset 0px 0px 18px rgb(204, 234, 255) !important;
            background: rgba(3, 62, 84, 0.75) !important;
            -moz-border-radius: 5px !important;
            -webkit-border-radius: 5px !important;
            border: 1px solid #fff !important;
            color: white !important;
        }

            .wt3dshowboxclass .layui-layer-title {
                background: rgba(255, 255, 255, 0) !important;
                border-bottom: 1px solid rgba(238, 238, 238, 0.12) !important;
                color: white !important;
            }

            .wt3dshowboxclass .layui-layer-setwin .layui-layer-ico.layui-layer-close.layui-layer-close1 {
                background: url(/css/layer/skin/default/close_16.png) no-repeat !important;
            }

        .table {
            width: 100%;
        }

            .table th {
                text-align: center;
                background-color: rgba(0,0,0,0.1);
                line-height: 30px;
                font-size: 18px;
            }

            .table td {
                text-align: center;
                line-height: 32px;
                font-size: 18px;
            }

        .layui-layer {
            background: rgba(16, 40, 104, 0.9) !important;
            box-shadow: none !important;
        }

        .cabdetail {
            color: #00edfb;
        }

        .layui-layer-title {
            padding: 0 80px 0 20px;
            height: 42px;
            line-height: 42px;
            border-bottom: 1px solid #0096ff !important;
            font-size: 22px !important;
            color: #acfaff !important;
            overflow: hidden;
            background-color: rgba(17, 79, 152, 0.6) !important;
            border-radius: 2px 2px 0 0;
        }
        .layui-layer-content {
        color:white;
        }
    </style>
    <title></title>
    <meta charset="utf-8" />

    <link href="/css/iconfont.css" rel="stylesheet" />
    <link href="../plugs/layer/layui/css/layui.css" rel="stylesheet" />
    <link href="../css/animate.css" rel="stylesheet" />
    <link href="../css/stylesnew.css" rel="stylesheet" />
    <link href="../plugs/jquery.mcustomscrollbar.css" rel="stylesheet" />
    <script src="../plugs/jquery-2.2.2.js"></script>
    <script src="../plugs/jquery.mcustomscrollbar.js"></script>
    <script src="../plugs/layer/layer.js"></script>
    <script src="../plugs/layer/laydate/laydate.js"></script>
    <script src="../plugs/layer/layui/layui.js"></script>
    <script src="../js/commonfunction.js"></script>
    <script src="../js/h5player/h5video.js"></script>
    <script src="../plugs/three/three.min.js"></script>
    <script src="../plugs/three/html2canvas.min.js"></script>
    <script src="../plugs/three/detector.js"></script>
    <script src="../plugs/three/orbitcontrols.js"></script>
    <script src="../plugs/three/transformcontrols.js"></script>
    <script src="../plugs/three/stats.min.js"></script>
    <script src="../js/indexnew.js"></script>
    <script src="../js/models/build.js"></script>
    <script src="../js/modelbusiness.js"></script>
    <script src="../js/initpage.js"></script>
    <script src="../plugs/jquery.singalr.js"></script>
    <script src="../plugs/echarts.min.js"></script>
</head>


<body id="mainbody" onload="threestart(0);" style="padding:0px;margin:0px;">
    <script>
        if (!detector.webgl) {
            layer.alert("您的浏览器不支持3d功能,请使用支持webgl的浏览器(例如:chrome浏览器、ie11以上浏览器等)");
        }
    </script>

    <div class="headerbg">
        <h2 id="indexhead" style="text-align:center;width:600px;height:70px ;margin: auto;
    position: absolute;
    top: 0;
    left: 0;letter-spacing: 8px;
    bottom: 0;line-height: 70px;
    right: 0;cursor:pointer;">
            园区三维综合展示平台
        </h2>
        <div class="datebox">
            <img src="../img/icon-time.png" class="icontime" />
            <p class="timep" id="timep">2019.03.26 14:30</p>
        </div>
        <div class="dutylist">
            <img src="../img/icon-person.png" class="iconperson" title="点击换肤" alt="点击换肤" style="cursor:pointer;" id="personclick"/>
            <span>登录用户名:</span>
            <ul id="list_scroll" class="list_scroll">
                <li>admin&nbsp;&nbsp;&nbsp;&nbsp;退出</li>
            </ul>
        </div>
    </div>

    
    <div id="datacanvaslist" style="position:absolute;z-index:-1;display:none;width:5px;height:5px;overflow:auto;"><div style="width:10px;height:10px;float:left;position:relative;"></div></div>
    <div id="canvas-frame" class="canvas_frame"></div>
    <div class="staticdivbg" style="left:10px;top:80px;">
        <div class="staticcontent" style="width:400px;height:260px;margin:12px;margin-left:20px;margin-right:20px; ">
            <div class="statictitle">
                智慧园区-基础信息
            </div>
            <div id="infodata01" class="staticdatacontent" style="height:220px;">

            </div>
        </div>
    </div>
    <div class="staticdivbg" style="left:10px;top:400px;">
        <div class="staticcontent" style="width:400px;height:260px;margin:12px;margin-left:20px;margin-right:20px; ">
            <div class="statictitle">
                智慧安防-远程监控
            </div>
            <div id="infodata02" class="staticdatacontent" style="height:200px;">
            </div>
        </div>
    </div>

    <div class="staticdivbg" style="left:10px;bottom:40px;">
        <div class="staticcontent" style="width:700px;height:200px;margin:12px;margin-left:30px;margin-right:22px; ">
            <div class="statictitle" style="width:40%;margin-left:6%;">
                智慧供电-能耗统计
            </div>
            <div id="infodata03" class="staticdatacontent" style="float:left;height:180px;width:70%">

            </div>
            <div id="infodata03_1" class="staticdatacontent" style="float:left;height:180px;width:29%">
                非法闯入告警
            </div>
        </div>
    </div>
    <div class="staticdivbg" style="right:10px;bottom:10px;">
        <div class="staticcontent" style="width:800px;height:240px;margin:12px;margin-left:40px;margin-right:30px; ">
            <div class="statictitle" style="width:30%;margin-left:8%;">
                智慧安防-人员抓拍
            </div>
            <div class="subtitle" >
                识别抓拍
                <span>0</span>
                <span>0</span>
                <span>8</span>
                <span>1</span>
                个
            </div>
            <div id="infodata06" class="staticdatacontent" style="height:180px;width:70%">
                <table>
                    <tr><td style="width:220px;padding:10px;">
                        <img src="../img/data/zp1.png" style="width:175px;height:150px;" /></td>
                        <td style="width:220px;padding:10px;"><img src="../img/data/zp2.png" style="width:175px;height:150px;" /></td>
                        <td style="width:220px;padding:10px;"><img src="../img/data/zp3.png" style="width:175px;height:150px;" /></td>
                        <td  style="width:220px;padding:10px;"><img src="../img/data/zp4.gif" style="width:175px;height:150px;" /></td>
                      </tr>
                    <tr><td style="text-align:center;color:#ff9128;font-size:16px;">1128抓拍-可疑人物</td>
                        <td  style="text-align:center;color:#ff9128;font-size:16px;">0856抓拍-可疑人物</td>
                        <td  style="text-align:center;color:#ff9128;font-size:16px;">2442抓拍-可疑人物</td>
                        <td style="text-align:center;color:#ff3300;font-size:16px;">0453抓拍-可疑尾随</td></tr>
                </table>
            </div>
        </div>
    </div>
    <div class="staticdivbg" style="right:10px;top:80px;">
        <div class="staticcontent" style="width:400px;height:560px;margin:25px;margin-left:20px;margin-right:20px; ">
            <div class="statictitle">
                智能设备-设备运维
            </div>
            <div id="infodata05" class="staticdatacontent" style="height:520px;">
                <div>
                </div>
            </div>
        </div>
    </div>


    <div id="denggantitle" class='devinfo dleft'>
        </br>1</br>号</br>楼
    </div>

    <div id="video1" class='devinfo dleft'>
        <video autoplay loop style="width:290px;height:190px;margin:5px;background:black;">
            <source src="../img/video/v2.mp4" type="video/mp4" />
        </video>
       
    </div>

    <div id="wbjcy" class='devinfo dleft'>
        <table>
            <tr><td colspan="4" class="title">微波检测仪</td></tr>
            <tr><td class="tdkey" style="width:80px;">状态:</td><td class="tdvalue">在线</td>
                <td class="tdkey" style="width:80px;">工作状态:</td><td class="tdvalue">运行中</td></tr>
            <tr><td class="tdkey">信号强度:</td><td class="tdvalue">强</td><td class="tdkey">供电电压:</td><td class="tdvalue">在线</td></tr>
            <tr><td class="tdkey">运行电流:</td><td class="tdvalue">在线</td><td class="tdkey">车道占用率</td><td class="tdvalue">57%</td></tr>
            <tr><td class="tdkey">交通流量:</td><td class="tdvalue">158</td><td class="tdkey">平均车速</td><td class="tdvalue">46km/h</td></tr>
        </table>
    </div>
    <div id="daping" class='devinfo dleft'>
        <table>
            <tr><td colspan="4" class="title">大屏设备</td></tr>
            <tr><td class="tdkey">状态:</td><td class="tdvalue">在线</td><td class="tdkey">工作状态:</td><td class="tdvalue">播放中</td></tr>
            <tr><td class="tdkey">温度:</td><td class="tdvalue">37℃</td><td class="tdkey">供电电压:</td><td class="tdvalue">220v</td></tr>
            <tr><td class="tdkey">运行电流:</td><td class="tdvalue">2.5a</td><td class="tdkey">状态:</td><td class="tdvalue">在线</td></tr>
            <tr><td class="tdkey">运行时间:</td><td class="tdvalue">56分钟</td><td class="tdkey">运行状态:</td><td class="tdvalue">正常</td></tr>
        </table>
    </div>

    <div id="yjbj" class='devinfo dleft'>
        <table>
            <tr><td colspan="4" class="title">一键报警</td></tr>
            <tr><td class="tdkey">设备状态:</td><td class="tdvalue">在线</td><td class="tdkey">工作状态:</td><td class="tdvalue">待机</td></tr>
            <tr><td class="tdkey">信号强度:</td><td class="tdvalue">强</td><td class="tdkey">供电电压:</td><td class="tdvalue">12v</td></tr>
            <tr><td class="tdkey">运行电流:</td><td class="tdvalue">1.5a</td><td class="tdkey">使用次数:</td><td class="tdvalue">0</td></tr>
            <tr><td class="tdkey">链路*:</td><td class="tdvalue" colspan="3">南山西丽二*报警系统</td></tr>
       </table>
    </div>

    <div id="wifi" class='devinfo'>
        <table>
            <tr><td colspan="4" class="title">5g基站&wifi</td></tr>
            <tr><td class="tdkey" >设备状态:</td><td class="tdvalue">在线</td><td class="tdkey">工作状态:</td><td class="tdvalue">运行中</td></tr>
            <tr><td class="tdkey">上行:</td><td class="tdvalue">848kb</td><td class="tdkey">下行:</td><td class="tdvalue">1546mb</td></tr>
            <tr><td class="tdkey">人均带宽:</td><td class="tdvalue">128mb</td><td class="tdkey"></td><td class="tdvalue"></td></tr>
        </table>
    </div>
    <div id="hj" class='devinfo'>
        <table>
            <tr><td colspan="4" class="title">环境设备</td></tr>
            <tr><td class="tdkey" style="width:60px;">状态:</td><td class="tdvalue">在线</td>
                <td class="tdkey" style="width:60px;">工作状态:</td><td class="tdvalue">采集中</td></tr>
            <tr><td class="tdkey">空气质量:</td><td class="tdvalue">优</td><td class="tdkey">噪音:</td><td class="tdvalue">68分贝</td></tr>
            <tr><td class="tdkey">温湿度:</td><td class="tdvalue">26℃/75%</td><td class="tdkey">风向风速:</td><td class="tdvalue">东南三级</td></tr>
            <tr><td class="tdkey">pm2.5:</td><td class="tdvalue">34</td><td class="tdkey">扬尘:</td><td class="tdvalue">无</td></tr>
        </table>
    </div>
    <div id="video2" class='devinfo'>
        <video autoplay loop style="width:290px;height:190px;margin:5px;background:black;">
            <source src="../img/video/v1.mp4" type="video/mp4" />
        </video>
    </div>
    <div id="cdz" class='devinfo'>
        <table>
            <tr><td colspan="4" class="title">充电桩</td></tr>
            <tr><td class="tdkey">设备状态:</td><td class="tdvalue">在线</td><td class="tdkey">工作状态:</td><td class="tdvalue">闲置</td></tr>
            <tr><td class="tdkey">供电电压:</td><td class="tdvalue">220v</td><td class="tdkey"> 运行电流:</td><td class="tdvalue">1.5a</td></tr>
        </table>
    </div>
    <div id="fsu" class='devinfo'>
        <table>
            <tr><td colspan="6" class="title">网关设备</td></tr>
            <tr><td class="tdkey" >状态:</td><td class="tdvalue">在线</td>
                <td class="tdkey">通讯方式:</td><td class="tdvalue">tcp/ip</td>
                <td class="tdkey"></td><td class="tdvalue"></td></tr>
            <tr>
                <td class="tdkey">cpu:</td>
                <td class="tdvalue">46.5%</td>
                <td class="tdkey">cpu温度:</td>
                <td class="tdvalue">59.3℃</td>
                <td class="tdkey">内存:</td>
                <td class="tdvalue">51%</td>
            </tr>
            <tr>
                <td class="tdkey">输入电压:</td>
                <td class="tdvalue">220v</td>
                <td class="tdkey">功率:</td>
                <td class="tdvalue">26kw</td>
                <td class="tdkey">厂家:</td>
                <td class="tdvalue">麦斯杰</td>
            </tr>
            <tr><td colspan="6" class="title">&nbsp;</td></tr>
            <tr><td colspan="6" class="title">智慧照明</td></tr>
            <tr>
                <td class="tdkey">电压:</td>
                <td class="tdvalue">380v</td>
                <td class="tdkey">电流:</td>
                <td class="tdvalue">2.5a</td>
                <td class="tdkey">故障率:</td>
                <td class="tdvalue">0.01%</td>
            </tr>
        </table>
    </div>
   <script>
        $(document).ready(function () {
            showloading(getbuilddata().length, null, function () {
           
            });
        });
    </script>
</body>


</html>

 主页面数据逻辑代码

$(function () {
    var scroll_area = $('#list_scroll');
    function scrolllist() {
        var timespan = 3000,
            timer;
        scroll_area.hover(function () {
            clearinterval(timer);
        }, function () {
            timer = setinterval(function () {
                var moveline = scroll_area.find('li:first');
                var lineheight = 44;
                moveline.animate({
                    margintop: -lineheight + 'px'
                }, 600, function () {
                    moveline.css('margintop', 0).appendto(scroll_area);
                });
            }, timespan);
        }).trigger('mouseleave');
    }
    if (scroll_area.find('li').length > 1) {
        scrolllist();
    }

    //系统时间
    var otimep = document.getelementbyid('timep');
    setinterval(fntime, 1000);
    fntime();
    function fntime() {
        var mytime = new date();
        var iyear = mytime.getfullyear();
        var imonth = mytime.getmonth() + 1;
        var idate = mytime.getdate();
        var ihours = mytime.gethours();
        var imin = mytime.getminutes();
        var isec = mytime.getseconds();
        var str = '';
        str = iyear + '.' + totwo(imonth) + '.' + totwo(idate) + ' ' + totwo(ihours) + ' : ' + totwo(imin) + ' : ' + totwo(isec);
        otimep.innerhtml = str;
    }
    function totwo(n) {
        return n < 10 ? '0' + n : '' + n;
    }
    indexpage = new indexpage();
    indexpage.init();
    for (var i = 1; i <= 6; i++) {
        if (window["system0" + i]) {
            window["system0" + i] = new window["system0" + i]();
            window["system0" + i].init();
        }
    }
});
function indexpage() {
    this.init();
};
indexpage.prototype.init = function () {
    this.info01();
    this.info02();
    this.info03();
    this.info0301();
    this.inforight05();
}
//事件绑定
indexpage.prototype.bindevents = function () {



}
//显示统计信息
indexpage.prototype.showstaticinfos = function () {
    
}
//左上
indexpage.prototype.info01 = function () {
    var mychart = echarts.init(document.getelementbyid("infodata01"));
    var option = {
        "normal": {
            "top": 200,
            "left": 300,
            "width": 500,
            "height": 400,
            "zindex": 6,
            "backgroundcolor": ""
        },
        "color": ["rgba(245, 166, 35, 1)", "rgba(19, 173, 255, 1)"],
        "tooltip": {
            "show": true,
            "trigger": "item"
        },
        "legend": {
            "show": true,
            "icon": "circle",
            "left": "43%",
            "top": "90%",
            "orient": "horizontal",
            "textstyle": {
                "fontsize": 12,
                "color": "#fff"
            },
            "data": ["正常指标", "实际指标"]
        },
        "radar": {
            "center": ["50%", "45%"],
            "radius": "70%",
            "startangle": 90,
            "splitnumber": 4,
            "shape": "polygon",
            name: {
                textstyle: {
                    color: '#fff',
                    fontsize: 12
                }
            },
            splitarea: {
                show: true,
                areastyle: {
                    color: '#0d6dba',
                    opacity: 0.1
                }
            },
            "axislabel": {
                "show": false,
                "fontsize": 12,
                "color": "#fff",
                "fontweight": "normal"
            },
            axisline: {
                show: true,
                linestyle: {
                    color: '#4f8bbe',
                    opacity: 1
                }
            },
            splitline: {

                linestyle: {
                    color: '#4f8bbe',
                    opacity: 0.5
                }
            },
            "indicator": [{
                "name": "co",
                "max": 88
            }, {
                "name": "co₂",
                "max": 88
            }, {
                "name": "no",
                "max": 88
            }, {
                "name": "h₂s",
                "max": 88
            }, {
                "name": "o₄",
                "max": 88
            }, {
                "name": "sf6",
                "max": 88
            }, {
                "name": "ch",
                "max": 88
            }]
        },
        "series": [{
            "name": "正常指标",
            "type": "radar",
            "symbol": "circle",
            "symbolsize": 10,
            "areastyle": {
                "normal": {
                    "color": "rgba(245, 166, 35, 0.4)"
                }
            },
            itemstyle: {
                color: 'rgba(245, 166, 35, 1)',
                bordercolor: 'rgba(245, 166, 35, 0.3)',
                borderwidth: 10,
            },
            "linestyle": {
                "normal": {
                    "type": "dashed",

                    "color": "rgba(245, 166, 35, 1)",
                    "width": 2
                }
            },
            "data": [
                [80, 50, 55, 80, 50, 80, 48]
            ]
        }, {
            "name": "实际指标",
            "type": "radar",
            "symbol": "circle",
            "symbolsize": 10,
            "itemstyle": {
                "normal": {
                    color: 'rgba(19, 173, 255, 1)',
                    "bordercolor": "rgba(19, 173, 255, 0.4)",
                    "borderwidth": 10
                }
            },
            "areastyle": {
                "normal": {
                    "color": "rgba(19, 173, 255, 0.5)"
                }
            },
            "linestyle": {
                "normal": {
                    "color": "rgba(19, 173, 255, 1)",
                    "width": 2,
                    "type": "dashed"
                }
            },
            "data": [
                [60, 60, 65, 60, 70, 40, 80]
            ]
        }]
    };
    mychart.setoption(option);
}
//左中
indexpage.prototype.info02=function(){
    var mychart = echarts.init(document.getelementbyid("infodata02"));
    var option = option = {
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            top: '2%',
            containlabel: true
        },
        yaxis: [{
            type: 'value',
            axislabel: {
                interval: 0,
                color: '#d3e0fa'
            },
            splitline: {
                show: false
            },
            axisline: {
                show: false
            },
            axistick: {
                show: false
            }
        }],
        xaxis: [{
            type: 'category',
            axistick: {
                show: false
            },
            data: ['一键报警', '事故', '违章', '其它'],
            axislabel: {
                interval: 0,
                color: '#d3e0fa',
            },
            axistick: {
                show: false
            },
            splitline: {
                show: false
            },
            axisline: {
                show: false
            },
            splitarea: {
                show: false,
                //  areastyle: {
                //      color: ['rgba(250,250,250,0.0)', 'rgba(250,250,250,0.05)']
                //  }
            }
        }],
        series: [{
            type: 'pictorialbar',
            symbol: 'path://m35,0l35,70l0,70z m35,0l35,70l70,70z',
            data: [320, 341, 374, 390],
            barwidth: '50%',
            // bargap: 1, //柱子之间间距
            symboloffset: [0, -15],
            //                    xaxisindex: 0,
            //                    yaxisindex: 0,
            z: 99,
            label: {
                show: true,
                position: 'top',
                color: '#fff',
                fontsize: 24,
            },
            itemstyle: {
                normal: {
                    color: new echarts.graphic.lineargradient(0, 0, 1, 0, [{
                        offset: 0,
                        color: 'rgba(51,189,216,0.3)'
                    }, {
                        offset: 0.5,
                        color: 'rgba(51,189,216,0.3)'
                    }, {
                        offset: 0.5,
                        color: 'rgba(51,189,216,1)'
                    }, {
                        offset: 1,
                        color: 'rgba(51,189,216,1)'
                    }]),
                    opacity: 1,
                }
            }
        },
            {
                name: '年报上报率2',
                type: 'pictorialbar',
                symbol: 'diamond',
                barwidth: '50%',
                symbolsize: ['100%', 30],
                // symboloffset: [0, 13],
                //                    xaxisindex: 0,
                //                    yaxisindex: 0,
                z: 99,
                itemstyle: {
                    normal: {
                        color: new echarts.graphic.lineargradient(0, 1, 1, 1, [{
                            offset: 0,
                            color: 'rgba(51,189,216,0.8)'
                        }, {
                            offset: 0.5,
                            color: 'rgba(51,189,216,0.8)'
                        }, {
                            offset: 0.5,
                            color: 'rgba(51,189,216,1)'
                        }, {
                            offset: 1,
                            color: 'rgba(51,189,216,1)'
                        }]),
                        opacity: 1,
                    }
                },
                data: [320, 302,  374, 390],
            }
        ]
    };;
    mychart.setoption(option);
}
//左下
indexpage.prototype.info03 = function () {
    var mychart = echarts.init(document.getelementbyid("infodata03"));
    var fontcolor = '#30eee9';
    option = {
        grid: {
            left: '5%',
            right: '10%',
            top: '20%',
            bottom: '15%',
            containlabel: true
        },
        tooltip: {
            show: true,
            trigger: 'item'
        },
        legend: {
            show: true,
            x: 'center',
            y: '35',
            icon: 'stack',
            itemwidth: 10,
            itemheight: 10,
            textstyle: {
                color: '#1bb4f6'
            },
            data: ['充电', '安防', '照明']
        },
        xaxis: [
            {
                type: 'category',
                boundarygap: false,
                axislabel: {
                    color: fontcolor
                },
                axisline: {
                    show: true,
                    linestyle: {
                        color: '#397cbc'
                    }
                },
                axistick: {
                    show: false,
                },
                splitline: {
                    show: true,
                    linestyle: {
                        color: '#195384'
                    }
                },
                data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月']
            }
        ],
        yaxis: [
            {
                type: 'value',
                name: '万kw.h',
                min: 0,
                max: 1000,
                axislabel: {
                    formatter: '{value}',
                    textstyle: {
                        color: '#2ad1d2'
                    }
                },
                axisline: {
                    linestyle: {
                        color: '#27b4c2'
                    }
                },
                axistick: {
                    show: false,
                },
                splitline: {
                    show: true,
                    linestyle: {
                        color: '#11366e'
                    }
                }
            },
             
        ],
        series: [
            {
                name: '充电',
                type: 'line',
                stack: '总量',
                symbol: 'circle',
                symbolsize: 8,
                itemstyle: {
                    normal: {
                        color: '#0092f6',
                        linestyle: {
                            color: "#0092f6",
                            width: 1
                        },
                        areastyle: {
                            //color: '#94c9ec'
                            color: new echarts.graphic.lineargradient(0, 1, 0, 0, [{
                                offset: 0,
                                color: 'rgba(7,44,90,0.3)'
                            }, {
                                offset: 1,
                                color: 'rgba(0,146,246,0.9)'
                            }]),
                        }
                    }
                },
                markpoint: {
                    itemstyle: {
                        normal: {
                            color: 'red'
                        }
                    }
                },
                data: [120, 132, 101, 134, 90, 230, 210, 182, 191]
            },
            {
                name: '安防',
                type: 'line',
                stack: '总量',
                symbol: 'circle',
                symbolsize: 8,

                itemstyle: {
                    normal: {
                        color: '#00d4c7',
                        linestyle: {
                            color: "#00d4c7",
                            width: 1
                        },
                        areastyle: {
                            //color: '#94c9ec'
                            color: new echarts.graphic.lineargradient(0, 1, 0, 0, [{
                                offset: 0,
                                color: 'rgba(7,44,90,0.3)'
                            }, {
                                offset: 1,
                                color: 'rgba(0,212,199,0.9)'
                            }]),
                        }
                    }
                },
                data: [220, 182, 191, 234, 290, 330, 310, 201, 154]
            },
            {
                name: '照明',
                type: 'line',
                stack: '总量',
                symbol: 'circle',
                symbolsize: 8,
                itemstyle: {
                    normal: {
                        color: '#aecb56',
                        linestyle: {
                            color: "#aecb56",
                            width: 1
                        },
                        areastyle: {
                            //color: '#94c9ec'
                            color: new echarts.graphic.lineargradient(0, 1, 0, 0, [{
                                offset: 0,
                                color: 'rgba(7,44,90,0.3)'
                            }, {
                                offset: 1,
                                color: 'rgba(114,144,89,0.9)'
                            }]),
                        }
                    }
                },
                data: [150, 232, 201, 154, 190, 330, 410, 150, 232,]
            }
        ]
    };
    mychart.setoption(option);

}
//左下
indexpage.prototype.info0301 = function () {
    var mychart = echarts.init(document.getelementbyid("infodata03_1"));
    var fontcolor = '#30eee9';
    var option = {


        tooltip: {
            trigger: 'item',
            formatter: "{b} : {c} ({d}%)"
        },

        visualmap: {
            show: false,
            min: 500,
            max: 600,
            inrange: {
                //colorlightness: [0, 1]
            }
        },
        series: [{
            name: '能耗统计',
            type: 'pie',
            radius: '50%',
            center: ['50%', '50%'],
            color: ['rgb(131,249,103)', '#fbfe27', '#fe5050', '#1db7e5'], //'#fbfe27','rgb(11,228,96)','#fe5050'
            data: [{
                value: 285,
                name: '安防'
            },
                {
                    value: 410,
                    name: '照明'
                },
                {
                    value: 274,
                    name: '充电'
                },
                {
                    value: 235,
                    name: '其它'
                }
            ].sort(function (a, b) {
                return a.value - b.value
            }),
            rosetype: 'radius',

            label: {
                normal: {
                    formatter: ['{c|{c}}', '{b|{b}}'].join('\n'),
                    rich: {
                        c: {
                            color: 'rgb(241,246,104)',
                            fontsize: 12,
                            fontweight: 'bold',
                            lineheight: 5
                        },
                        b: {
                            color: 'rgb(98,137,169)',
                            fontsize: 12,
                            height: 40
                        },
                    },
                }
            },
            labelline: {
                normal: {
                    linestyle: {
                        color: 'rgb(98,137,169)',
                    },
                    smooth: 0.2,
                    length: 10,
                    length2: 20,

                }
            },
            itemstyle: {
                normal: {
                    shadowcolor: 'rgba(0, 0, 0, 0.8)',
                    shadowblur: 50,
                }
            }
        }]
    };
    mychart.setoption(option);

}

//右上
indexpage.prototype.inforight05 = function () {
    var mychart = echarts.init(document.getelementbyid("infodata05"));
    var option = {
        title: {
            text: '设备总数',
            textstyle: {
                color: "#fff",
                fontsize: 16
            },
            top: "20%",
            left: "center"
        },
        textstyle: {
            fontsize: 12
        },
        series: [{
            name: '辅助饼图最外层',
            type: 'pie',
            radius: '70%',
            z: -1,
            center: ["50%", "32%"],
            hoveranimation: false,
            label: {
                normal: {
                    show: false
                }
            },
            labelline: {
                normal: {
                    show: false
                }
            },
            itemstyle: {
                normal: {
                    color: "rgba(0,0,0,0.35)"
                }
            },
            data: [{
                value: 1,
                name: '辅助饼图最外层'
            }]
        },
        {
            name: '辅助饼图黑色',
            type: 'pie',
            radius: '8%',
            center: ["50%", "32%"],
            z: 3,
            hoveranimation: false,
            label: {
                normal: {
                    show: false
                }
            },
            labelline: {
                normal: {
                    show: false
                }
            },
            itemstyle: {
                normal: {
                    color: {
                        type: 'radial',
                        x: 0.1,
                        y: -0.1,
                        r: 1,
                        colorstops: [{
                            offset: 0,
                            color: '#dddddd' // 0% 处的颜色
                        }, {
                            offset: 0.7,
                            color: '#1b1811' // 50% 处的颜色
                        }, {
                            offset: 0.71,
                            color: '#1b1811' // 51% 处的颜色
                        }, {
                            offset: 1,
                            color: '#1b1811' // 100% 处的颜色
                        }],
                        globalcoord: true // 缺省为 false
                    }
                }
            },
            data: [{
                value: 1,
                name: '辅助饼图黑色'
            }],
        },
        {
            name: '辅助饼图红色',
            type: 'pie',
            radius: '4%',
            z: 4,
            center: ["50%", "32%"],
            hoveranimation: false,
            label: {
                normal: {
                    show: false
                }
            },
            labelline: {
                normal: {
                    show: false
                }
            },
            itemstyle: {
                normal: {
                    color: "#e50505"
                }
            },
            data: [{
                value: 1,
                name: '辅助饼图红色'
            }],
        },
        {
            name: '', //大仪表盘左侧
            type: 'gauge',
            min: 0,
            max: 1000,
            z: 2,
            radius: '65%',
            center: ["50%", "32%"],
            startangle: 130,
            endangle: 230,
            splitnumber: 5,
            clockwise: false,
            animation: false,
            detail: {
                show: false
            },
            data: [{
                value: 0,
                name: ''
            }],
            axisline: {
                show: true,
                linestyle: {
                    color: [
                        [1, 'red']
                    ],
                    width: 0
                }
            },
            splitline: {
                length: 15,
                linestyle: {
                    color: '#fff',
                    width: 2
                }
            },
            axistick: {
                linestyle: {
                    color: 'red',
                    width: 2
                }
            },
            axislabel: {
                show: true,
                textstyle: {
                    color: "#fff",
                },
                formatter: function (e) {
                    return e.tofixed(0);
                }
            },
            itemstyle: {
                normal: {
                    color: '#e50505'
                }
            },
            pointer: {
                width: 0
            }
        },
        {
            name: '', //大仪表盘右侧
            type: 'gauge',
            min: 1800,
            max: 2800,
            z: 2,
            radius: '65%',
            center: ["50%", "32%"],
            startangle: -50,
            endangle: 50,
            splitnumber: 5,
            clockwise: false,
            animation: false,
            detail: {
                show: false
            },
            data: [{
                value: 0,
                name: ''
            }],
            axisline: {
                show: true,
                linestyle: {
                    color: [
                        [1, 'red']
                    ],
                    width: 0
                }
            },
            splitline: {
                length: 15,
                linestyle: {
                    color: '#fff',
                    width: 2
                }
            },
            axistick: {
                linestyle: {
                    color: 'red',
                    width: 2
                }
            },
            axislabel: {
                show: true,
                textstyle: {
                    color: "#fff",
                },
                formatter: function (e) {
                    return e.tofixed(0);
                }
            },
            itemstyle: {
                normal: {
                    color: '#e50505'
                }
            },
            pointer: {
                width: 0
            }
        },
        {
            name: '异常设备', //大仪表盘(控制指针指向)
            type: 'gauge',
            min: 0,
            max: 2800,
            z: 2,
            radius: '70%',
            center: ["50%", "32%"],
            startangle: -50,
            endangle: 230,
            splitnumber: 8,
            clockwise: false,
            animation: false,
            detail: {
                textstyle: {
                    fontsize: 24,
                    color: '#f00'
                },
                // backgroundcolor: "rgba(0,0,0,0.35)",
                offsetcenter: [0, '60%'],
                borderradius: 1,
                formatter: function (e) {
                    let estr = e + '';
                    let earr = estr.split('');
                    let len = earr.length;
                    let str = '';
                    for (let i = 0; i < len - 1; i++) {
                        str += '{per|' + earr[i] + '} ';
                    }
                    return str + '{per|' + earr[len - 1] + '}';
                },
                rich: {
                    per: {
                        color: '#fff',
                        backgroundcolor: '#f00',
                        padding: [3, 3, 3, 3],
                        borderradius: 5,
                        //bordercolor: '#aaa',
                        borderwidth: 1,
                        fontsize: 24,
                        fontstyle: 'bold'
                    }
                }
            },
            data: [{
                value: 1988,
                name: ''
            }],
            axisline: {
                show: false,
                linestyle: {
                    color: [
                        [1, 'rgba(0,0,0,0)']
                    ],
                    width: 0
                }
            },
            splitline: {
                show: false
            },
            axistick: {
                show: false
            },
            axislabel: {
                show: false
            },
            itemstyle: {
                normal: {
                    color: '#e50505'
                }
            },
            pointer: {
                width: 2
            } //大仪表盘指针
        }, {
            name: '小仪表盘辅助饼图最外层',
            type: 'pie',
            radius: '50%',
            z: -2,
            startangle: 30,
            center: ["50%", "70%"],
            hoveranimation: false,
            label: {
                normal: {
                    show: false
                }
            },
            labelline: {
                normal: {
                    show: false
                }
            },
            itemstyle: {
                normal: { //设置半月形饼图
                    color: {
                        type: 'radial',
                        x: 0.5,
                        y: -0.16,
                        r: 1.13,
                        colorstops: [{
                            offset: 0,
                            color: 'rgba(0,0,0,0)' // 0% 处的颜色
                        }, {
                            offset: 0.6,
                            color: 'rgba(0,0,0,0)' // 60% 处的颜色
                        }, {
                            offset: 0.61,
                            color: 'rgba(0,0,0,0.35)' // 61% 处的颜色
                        }, {
                            offset: 1,
                            color: 'rgba(0,0,0,0.35)' // 100% 处的颜色
                        }],
                        globalcoord: true // 缺省为 false
                    }
                }
            },
            data: [{
                value: 1,
                name: '小仪表盘辅助饼图最外层'
            }],
        }, {
            name: '', //小仪表盘最外层显示刻度标签
            type: 'gauge',
            min: 0,
            max: 100,
            z: 2,
            radius: '55%',
            center: ["50%", "70%"],
            startangle: 0,
            endangle: -180,
            splitnumber: 5,
            clockwise: false,
            animation: false,
            detail: {
                textstyle: {
                    fontsize: 20,
                    color: '#fff'
                },
                // backgroundcolor: "rgba(0,0,0,0.35)",
                offsetcenter: [0, '-30%'],
                borderradius: 1,
                formatter: function (e) {
                    return '异常设备';
                }
            },
            data: [{
                value: 27,
                name: ''
            }],
            axisline: {
                linestyle: {
                    color: [
                        [1, 'rgba(0,0,0,0)']
                    ],
                    width: 0
                }
            },
            splitline: {
                length: 15,
                linestyle: {
                    color: 'rgba(0,0,0,0)',
                    width: 2
                }
            },
            axistick: {
                linestyle: {
                    color: 'rgba(0,0,0,0)',
                    width: 2
                }
            },
            axislabel: {
                textstyle: {
                    color: "#fff",
                },
                formatter: function (e) {
                    return e;
                }
            },
            pointer: {
                width: 0
            }
        }, {
            name: '', //小仪表盘显示轴线及刻度
            type: 'gauge',
            min: 0,
            max: 100,
            z: 2,
            radius: '40%',
            center: ["50%", "70%"],
            startangle: 0,
            endangle: -180,
            splitnumber: 5,
            clockwise: false,
            animation: false,
            detail: {
                textstyle: {
                    fontsize: 24,
                },
                backgroundcolor: "#f00",
                offsetcenter: [0, '10%'],
                borderradius: 10,
                formatter: function (e) {
                    return e + "%";
                }
            },
            data: [{
                value: 27,
                name: ''
            }],
            axisline: {
                linestyle: {
                    color: [
                        [1, '#fff']
                    ],
                    width: 0
                }
            },
            splitline: {
                length: 15,
                linestyle: {
                    color: '#fff',
                    width: 2
                }
            },
            axistick: {
                linestyle: {
                    color: 'red',
                    width: 2
                }
            },
            axislabel: {
                show: false
            },
            itemstyle: {
                normal: {
                    color: '#e50505'
                }
            },
            pointer: {
                width: 3
            }
        }]
    };
    mychart.setoption(option);
}
//右下
indexpage.prototype.inforight06 = function () {
   //infodata06

}
indexpage.prototype.showdevinfo = function () {

    this.hidestaticdiv();
    $(".devinfo").show(1000);
    settimeout(function () {
        indexpage.showvideo1();
        indexpage.showvideo2();
        indexpage.wifi();
        indexpage.hj();
        indexpage.wbjcy();
        indexpage.dp();
        indexpage.yjbj();
        indexpage.cdz();
        indexpage.fsu();
    }, 1000);
   
}

indexpage.prototype.hidedevinfo = function () {
    $(".devinfo").hide(1000);

}

//显示视频
indexpage.prototype.showvideo1 = function () {
    
    var wsplayer = new wsplayer("videoplayer_1", {
        modules: [
            {
                client: rtspclient,
                transport: {
                    constructor: websockettransport,
                    options: {
                        socket: "ws://39.108.139.152:2555/ws/rtsp"
                    }
                }
            }
        ]
    });
    wsplayer.setsource("rtsp://39.108.139.152:2554/stream/live/205967/10001?token=zgv2r0jjrdozndaymdawmdawmtmymdawmte3ma0kb2jqswq6mja1oty3dqp1cmw6tvndudovlziwntk2ny9zdhjlyw0/c3vivhlwzt1hql9umjgxode=");
}
indexpage.prototype.showvideo2 = function () {


    var wsplayer = new wsplayer("videoplayer_2", {
        modules: [
            {
                client: rtspclient,
                transport: {
                    constructor: websockettransport,
                    options: {
                        socket: "ws://39.108.139.152:2555/ws/rtsp"
                    }
                }
            }
        ]
    });
    wsplayer.setsource("rtsp://39.108.139.152:2554/stream/live/205428/10001?token=zgv2r0jjrdozndaymdawmdawmtmymdawmdk5mq0kb2jqswq6mja1ndi4dqp1cmw6tvndudovlziwntqyoc9zdhjlyw0/c3vivhlwzt1hql9umjgxode=", "rtsp");
}
//wifi
indexpage.prototype.wifi = function () {
    
}
//环境
indexpage.prototype.hj = function () {

}
//微波检测仪
indexpage.prototype.wbjcy = function () {

}
//大屏
indexpage.prototype.dp = function () {

}
//一键报警
indexpage.prototype.yjbj = function () {
}
//充电桩
indexpage.prototype.cdz = function () {
}
//fsu
indexpage.prototype.fsu = function () {
}

//隐藏所有统计信息
indexpage.prototype.hidestaticdiv = function () {
    $(".staticdivbg").hide(1000);

}
indexpage.prototype.showstaticdiv = function () {
    $(".staticdivbg").show(1000);
}

var indexpage = null;

 

由于篇幅原因,这一课先介绍到这里 

后面我将继续讲解用webgl 建立 3d隧道、3d桥梁、webgl实现三维隧道桥梁、three.js实现三维隧道桥梁、桥梁隧道三维应用炫酷效果等等

技术交流 1203193731@qq.com

交流微信:

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

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

 

 

其它相关文章:

使用webgl(three.js)创建3d机房,3d机房微模块详细介绍(升级版二)

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

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

使用webgl(three.js)搭建一个3d建筑,3d消防模拟——第三课

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

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