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应用。