解决方案ThreeJS制作3D机房

Posted 刚道互联

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决方案ThreeJS制作3D机房相关的知识,希望对你有一定的参考价值。

机房的抽象准备好了,下面该做呗做了,

 

但是呢,突然有个想法,

 

就是,IT项目很多,每个机房都不一样,不可能每个都写代码生成吧,不可能每个都写一遍,这个维护太累了,

 

怎么办?配置化呗,这样每个不同的机房,只要去做配置就可以了,开发工作量大大减少,

 

那就动手,

 

首先,把机房里每个部分提出来,灯光,摄像头默认位置,环境需要加载的3D

 

诶,发现机柜可能不同的机房里,有一样的机柜和设备,那就提出来,

 

所以最后就提成了两个文件

 

l Base

这里面就是通用的,分成三类

机柜,每种机柜的模型大小,贴图,还有门,前门后门是否可以打开,是单开门还是双开门,是左开还是右开,对应的贴图或者颜色,

设备,设备的贴图和大小,这里面有个特殊的,就是刀笼,里面插刀片的,相当于一个当做设备用的小机柜,

其他设备,就是空调啊,配电柜什么的。

l Room

就是机房里面的东西,

环境选项,就是灯光啊什么的

数据,就是一堆机柜的数据,对应base里面用的那个机柜的模型,位置等

然后就是图层了。

 

单独说两个

 

一个是数据的分组

图层就是,为了好布局,所以对这些机柜的数据分了个组,每个组可以设置是横排还是纵排,间隔,这样的话,一个大机房很好布局的,只要定位好第一个的位置,其他的分好组,就OK了

 

一个是图层,图层是个什么概念,其实也是功能,默认当然是只显示机房的默认状态,但是IT可不止这些,有报警状态啊,容量啊,温湿度什么的,这些作为图层,设置好,应用的数据和接口,判断的阈值颜色什么的,这样好在机房里面判断显示,

 

这个就很灵活的抽象成灵活的配置文件了




你的关注、转发和打赏,是我继续下去的动力

我们一起成长






更多推荐

以上是关于解决方案ThreeJS制作3D机房的主要内容,如果未能解决你的问题,请参考以下文章

使用ThreeJs创建3D机房系列:环境搭建

threejs加载3d模型 怎样控制鼠标

3D机房监控管理方案实现机房智能化!

Web3D框架——选threejs还是thingjs?

使用JSONLoader在threejs上导入3d对象

ThreeJs 实例教学 -- 3D全景