天天看点

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

3d库房,3d档案室,3d密集架,webGL,threejs,3d机房

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

第一课程提到了在库房的基础上添加上下架 消防 温湿度等等控制

刚好 最近有接到一个客户的需求 是和库房差不多的项目 只是不是库房了 是档案室 但是基本操控还是差不多的 也有文件上下架什么的

那么第二课  我们就按照客户的需求 先做一个概述性的展现 

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

技术交流 [email protected]

交流微信:

    

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

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

一、需要场景进行无缝的动画切换

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

 代码实现

  

 二、打开密集架 有过度动画

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

  代码实现

 三、对密集架的文件档案进行上下架操作 保留操作接口

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

四、快速检索文件,并定位

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

五、场景内监控摄像头 调取实时视频

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

六、消防灭火器快速定位 查找

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

七、实时3D模拟消防火警 显示火灾参考情况

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

八、场景内温度调节 并且有调节动画 

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

九 、场景内湿度调节 有调节动画

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

 十、对场景内数据大屏 进行操控 屏幕切换

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

十一、对场景内通风系统进行3D操作 并且有过度动画

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

 十二、对场景内空调 中央空调进行3D操作 并且有过度动画

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

十三、打开3D场景内告警监控,3D实时模拟显示告警情况

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

十四、对场景内其它设备进行3D操控 如窗帘 采光控制 灯光控制等等

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

好了 这一课基本情况就先介绍到这里 

下一课我们继续讲解这一课的代码详情 以及讨论给这个场景加上一些新的功能 或者建立其他3D场景

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

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

继续阅读