3D机房可视化零代码半天搞定的秘密

导读

时间回到2012年，一款名叫Unity3D的游戏引擎火遍全球。同年，一个叫雨松MOMO的技术大神，出版了国内第一本中文U3D书籍《Unity 3D游戏开发》，3D开发者几乎人手一本。也就是在那个时候，机房三维可视化的概念横空出世。彼时，要制作一个3D机房项目，需要建模人员完成场景建模，开发人员完成场景交互与业务逻辑，单个项目制作周期长达3~4个月。而且，建好的模型与开发好的程序均无法重复使用。随着时间的推移，场景搭建工具与三维可视化客户端出现了，它们各司其职，一个用来搭建场景，一个专职做展示。GlowJS数字孪生PaaS平台以及3D客户端DCVM的开发灵感正是来源于此，使用它们来搞定一个中小型的3D机房项目，半天就足够了，而且是零代码的。下面我们就来看看具体怎么操作吧。

 

1.打开编辑器

进入GlowJS官网，微信扫码登录，点击右上角“搭建场景”按钮，进入场景编辑器页面。

 

2．设置底图

点击编辑器顶部菜单栏“底图”项，选择机房CAD图纸，CAD图纸需要导出成.jpg或.png格式。点击“底图设置”，设置好底图比例与中心点位置。

 

3.画墙

点击左侧画墙工具，根据CAD图纸绘制建筑墙体，封闭区域自动生成房间地板。

 

4.刷墙刷地板

从右侧资源面板，点击墙面或者地面贴图，移动鼠标到想要更换贴图的墙体或地板上，点击左键更换贴图。

 

5.摆放门窗

从右侧资源面板，点击门窗模型，摆放到对应的墙体位置。

 

6.摆放模型

从右侧资源面板，点击物体模型，摆放到图纸对应位置。

 

7.打标签

标签用来区分模型是监控设备还是普通物体，只有监控设备才能绑定数据。选中模型弹出模型菜单，点击“设置”菜单项打开“物体设置”面板，在标签栏添加“锚点”标签。

 

8.下载场景文件

整个场景搭建完毕后，点击编辑器顶部的“保存”菜单项。保存好的场景项目将出现在“工作台”→“项目管理“→“我的项目”中，鼠标移入项目封面上弹出项目菜单，点击“下载”菜单下载场景项目文件。

 

9.部署3D服务

将3D客户端DCVM程序包zip文件上传到服务器并解压出来，运行批处理文件一键安装部署，而无需安装任何外部依赖项。服务安装正确后，可实现开机自启动。

 

10.登录3D管理后台

浏览器中输入地址http://127.0.0.1:9090/login并回车，进入登录页面，输入用户名和密码（默认值都为admin），登录成功后进入3D管理后台。

 

11.上传场景文件

点击左侧菜单“系统工具”→“上传场景文件”，选择第8步下载的场景文件进行上传。

 

12.同步模型库

点击左侧菜单“系统工具”→“同步模型库”，点击“立即更新”，将场景对应的模型资源文件同步到本地。

 

13.上传授权文件

点击左侧菜单“系统工具”→“授权管理”，选择授权文件进行上传。授权文件分为试用版授权和正式版授权，试用版授权可在GlowJS官网的“工作台”→“项目管理“→“我的项目”中自助生成，正式版授权需要联系相关技术人员获取。

 

14.访问3D大屏

点击右上角”3D大屏“或则直接在浏览器中回车输入http://127.0.0.1:9090，进入到3D大屏界面。

 

15.设备绑定

右键点击要执行数据绑定操作的模型，弹出模型菜单，选择“绑定监控设备“菜单项，打开绑定窗口，选择要绑定的设备添加即可。一个模型可以绑定一个或多个监控设备。设备数据需要通过HTTP接口预先推送到DCVM中，这需要做一个一次性的开发工作。

 

16.查看设备实时数据

模型绑定监控设备后，左键双击模型即可打开设备实时参数面板。当设备存在告警时，模型将闪烁告警。

 

至此，所有操作已经完毕，时间刚好半天功夫，接下来就可以愉快地浏览3D机房和查看设备数据了，这真是太巴适了！

GlowJS是基于Web原生技术开发的H5数字孪生PaaS平台，能高效低成本构建数据中心可视化、智慧档案库房可视化、智慧消防可视化、智慧园区可视化、智慧工厂可视化、智慧校园可视化等3D应用。