導讀

時間回到2012年，一款名叫Unity3D的游戲引擎火遍全球。同年，一個叫雨松MOMO的技術大神，出版了國內第一本中文U3D書籍《Unity 3D游戲開發(fā)》，3D開發(fā)者幾乎人手一本。也就是在那個時候，機房三維可視化的概念橫空出世。彼時，要制作一個3D機房項目，需要建模人員完成場景建模，開發(fā)人員完成場景交互與業(yè)務邏輯，單個項目制作周期長達3~4個月。而且，建好的模型與開發(fā)好的程序均無法重復使用。隨著時間的推移，場景搭建工具與三維可視化客戶端出現(xiàn)了，它們各司其職，一個用來搭建場景，一個專職做展示。GlowJS數(shù)字孿生PaaS平臺以及3D客戶端DCVM的開發(fā)靈感正是來源于此，使用它們來搞定一個中小型的3D機房項目，半天就足夠了，而且是零代碼的。下面我們就來看看具體怎么操作吧。

1.打開編輯器

進入GlowJS官網(wǎng)，微信掃碼登錄，點擊右上角“搭建場景”按鈕，進入場景編輯器頁面。

2．設置底圖

點擊編輯器頂部菜單欄“底圖”項，選擇機房CAD圖紙，CAD圖紙需要導出成.jpg或.png格式。點擊“底圖設置”，設置好底圖比例與中心點位置。

3.畫墻

點擊左側畫墻工具，根據(jù)CAD圖紙繪制建筑墻體，封閉區(qū)域自動生成房間地板。

4.刷墻刷地板

從右側資源面板，點擊墻面或者地面貼圖，移動鼠標到想要更換貼圖的墻體或地板上，點擊左鍵更換貼圖。

5.擺放門窗

從右側資源面板，點擊門窗模型，擺放到對應的墻體位置。

6.擺放模型

從右側資源面板，點擊物體模型，擺放到圖紙對應位置。

7.打標簽

標簽用來區(qū)分模型是監(jiān)控設備還是普通物體，只有監(jiān)控設備才能綁定數(shù)據(jù)。選中模型彈出模型菜單，點擊“設置”菜單項打開“物體設置”面板，在標簽欄添加“錨點”標簽。

8.下載場景文件

整個場景搭建完畢后，點擊編輯器頂部的“保存”菜單項。保存好的場景項目將出現(xiàn)在“工作臺”→“項目管理“→“我的項目”中，鼠標移入項目封面上彈出項目菜單，點擊“下載”菜單下載場景項目文件。

9.部署3D服務

將3D客戶端DCVM程序包zip文件上傳到服務器并解壓出來，運行批處理文件一鍵安裝部署，而無需安裝任何外部依賴項。服務安裝正確后，可實現(xiàn)開機自啟動。

10.登錄3D管理后臺

瀏覽器中輸入地址http://127.0.0.1:9090/login并回車，進入登錄頁面，輸入用戶名和密碼（默認值都為admin），登錄成功后進入3D管理后臺。

11.上傳場景文件

點擊左側菜單“系統(tǒng)工具”→“上傳場景文件”，選擇第8步下載的場景文件進行上傳。

12.同步模型庫

點擊左側菜單“系統(tǒng)工具”→“同步模型庫”，點擊“立即更新”，將場景對應的模型資源文件同步到本地。

13.上傳授權文件

點擊左側菜單“系統(tǒng)工具”→“授權管理”，選擇授權文件進行上傳。授權文件分為試用版授權和正式版授權，試用版授權可在GlowJS官網(wǎng)的“工作臺”→“項目管理“→“我的項目”中自助生成，正式版授權需要聯(lián)系相關技術人員獲取。

14.訪問3D大屏

點擊右上角”3D大屏“或則直接在瀏覽器中回車輸入http://127.0.0.1:9090，進入到3D大屏界面。

15.設備綁定

右鍵點擊要執(zhí)行數(shù)據(jù)綁定操作的模型，彈出模型菜單，選擇“綁定監(jiān)控設備“菜單項，打開綁定窗口，選擇要綁定的設備添加即可。一個模型可以綁定一個或多個監(jiān)控設備。設備數(shù)據(jù)需要通過HTTP接口預先推送到DCVM中，這需要做一個一次性的開發(fā)工作。

16.查看設備實時數(shù)據(jù)

模型綁定監(jiān)控設備后，左鍵雙擊模型即可打開設備實時參數(shù)面板。當設備存在告警時，模型將閃爍告警。

至此，所有操作已經(jīng)完畢，時間剛好半天功夫，接下來就可以愉快地瀏覽3D機房和查看設備數(shù)據(jù)了，這真是太巴適了！

GlowJS是基于Web原生技術開發(fā)的H5數(shù)字孿生PaaS平臺，能高效低成本構建數(shù)據(jù)中心可視化、智慧檔案庫房可視化、智慧消防可視化、智慧園區(qū)可視化、智慧工廠可視化、智慧校園可視化等3D應用。