基于 WEBGL和Three.js 的3D 工業(yè)物聯(lián)網(wǎng)可視化應(yīng)用三維數(shù)字孿生

一、WEBGL和Three.js的發(fā)展

      國(guó)際信息技術(shù)和移動(dòng)端迅猛發(fā)展，Webgl Three.js技術(shù)得到了進(jìn)一步的發(fā)展，而3D工廠廠房在數(shù)字化的今天，Webgl Three.js已經(jīng)被越來(lái)越多的公司和企業(yè)應(yīng)用在虛擬工廠系統(tǒng)，三維數(shù)字工廠模型中，加快了工廠廠房，園區(qū)3D化中的設(shè)備，傳感器、管道罐體輸送、監(jiān)測(cè)控制等各個(gè)環(huán)節(jié)的效率。三維數(shù)字孿生

二、WEBGL與Three.js的背景三維數(shù)字孿生

      隨著瀏覽器的原生能力的興起，flash的沒(méi)落。WebGL在3D方面從功能與性能方面都在逐漸加強(qiáng)?？萍及l(fā)展對(duì)應(yīng)2D3D化應(yīng)用的需求也越發(fā)激烈。 win10的畫(huà)圖板支持3D查看器，2d工具photoshop也開(kāi)始逐步集成了3D工具。

WEBGL和Three.js在3d物聯(lián)網(wǎng)和3d可視化中的應(yīng)用三維數(shù)字孿生

（一）在工業(yè)園區(qū)的應(yīng)用三維數(shù)字孿生

    Webgl與Web3D對(duì)工廠智慧園區(qū)的、大樓、生產(chǎn)車(chē)間、生產(chǎn)設(shè)備、監(jiān)控設(shè)備等進(jìn)行3D建模，實(shí)現(xiàn)物理工廠園區(qū)到3D虛擬工廠園區(qū)的數(shù)字化、可視化的轉(zhuǎn)化。在H5頁(yè)面中對(duì)實(shí)景進(jìn)行虛擬操控，一個(gè)系統(tǒng)指揮終端，使工廠生產(chǎn)更為流暢，減少不必要的錯(cuò)誤和開(kāi)支，節(jié)約成本。避免失誤導(dǎo)致意外產(chǎn)生，并能提高操作者的熟練度，使工作效率大幅度提高。

（二）在單品3D展示中應(yīng)用三維數(shù)字孿生

     商迪3D單品3D展示通過(guò)WebGL、3D繪圖協(xié)議，這種繪圖技術(shù)標(biāo)準(zhǔn)允許把Javascript和OpenGL ES 2.0結(jié)合在一起，通過(guò)增加OpenGL ES 2.0的一個(gè)Javascript綁定，WebGL可以為HTML5 Canvas提供硬件3D加速渲染，這樣Web開(kāi)發(fā)人員就可以借助系統(tǒng)顯卡來(lái)在瀏覽器里更流暢地展示3D場(chǎng)景和模型了，還能創(chuàng)建復(fù)雜的導(dǎo)航和數(shù)據(jù)視覺(jué)化。WebGL技術(shù)標(biāo)準(zhǔn)免去了開(kāi)發(fā)網(wǎng)頁(yè)專(zhuān)用渲染插件的麻煩，可被用于創(chuàng)建具有復(fù)雜3D結(jié)構(gòu)的網(wǎng)站頁(yè)面。

（三）在糧倉(cāng)3D可視化應(yīng)用三維數(shù)字孿生

     商迪3D糧倉(cāng)可視化系統(tǒng)以3D可視化技術(shù)為基礎(chǔ)，通過(guò)3Dmax構(gòu)建糧庫(kù)的園區(qū)、倉(cāng)庫(kù)、設(shè)備的3D模型逐級(jí)可視；集成糧食入庫(kù)、存儲(chǔ)、出庫(kù)過(guò)程中的信息并整合到三維模型中，通過(guò)webgl、Three.js與構(gòu)建糧情數(shù)字化、標(biāo)準(zhǔn)化、智慧化、一體化的3D可視化平臺(tái)。實(shí)現(xiàn)視頻監(jiān)控、糧情監(jiān)控、智能保糧、出入庫(kù)作業(yè)、告警信息等可視化功能，系統(tǒng)的構(gòu)建使糧倉(cāng)的信息管理互享、糧情的檢測(cè)等變得方便快捷，為安全儲(chǔ)糧提供強(qiáng)有力的科技支撐，同時(shí)也為管理部門(mén)提供精準(zhǔn)的決策支持平臺(tái)。

機(jī)房監(jiān)控3D可視化解決方案的建設(shè)目標(biāo)三維數(shù)字孿生

（一）機(jī)房自動(dòng)3D漫游與巡檢三維數(shù)字孿生

　　商迪3D物聯(lián)控系統(tǒng)支持人稱(chēng)和第三人稱(chēng)視角瀏覽，總覽電子信息系統(tǒng)機(jī)房全貌及狀態(tài)，360°旋轉(zhuǎn)，多角度切換，可以根據(jù)三維漫游、展示和巡檢要求靈活而的自定義巡檢路線(xiàn)，隱/顯路徑，并且可以放置模擬人物進(jìn)行巡檢演示，同時(shí)還可以實(shí)現(xiàn)單樓和多樓等多區(qū)域、多機(jī)房的自動(dòng)漫游巡檢。

（二）便捷3D物聯(lián)作系統(tǒng)三維數(shù)字孿生

     商迪3D以用戶(hù)習(xí)慣為出發(fā)點(diǎn)，按照用戶(hù)的使用習(xí)慣設(shè)計(jì)交互模式，實(shí)現(xiàn)園區(qū)（電子信息系統(tǒng)機(jī)房）、樓層、機(jī)房、設(shè)備、等全三維瀏覽和全鍵盤(pán)鼠標(biāo)操作。直接通過(guò)鍵盤(pán)和鼠標(biāo)對(duì)3D場(chǎng)景實(shí)現(xiàn)前后移動(dòng)、放大/縮小、上下左右的平移和任意角度旋轉(zhuǎn)、查看整體環(huán)境等操作。

（三）可視化自動(dòng)告警系統(tǒng)三維數(shù)字孿生

　　商迪3D系統(tǒng)機(jī)房可視化監(jiān)控系統(tǒng)可以通過(guò)數(shù)據(jù)對(duì)接將機(jī)房動(dòng)環(huán)監(jiān)控系統(tǒng)、資產(chǎn)管理系統(tǒng)和管理系統(tǒng)等第三方平臺(tái)的各類(lèi)告警信息集中展示，提供統(tǒng)一預(yù)計(jì)機(jī)制。當(dāng)所有設(shè)備出現(xiàn)異動(dòng)情況（包括預(yù)警、告警等），機(jī)房3D可視化系統(tǒng)實(shí)時(shí)告警欄會(huì)準(zhǔn)確提示告警的設(shè)備編號(hào)、設(shè)備名稱(chēng)、告警內(nèi)容及告警時(shí)間等參數(shù)，提醒管理人員時(shí)間檢查設(shè)備，消除設(shè)備報(bào)警和故障隱患。

（四）資產(chǎn)管理可視化三維數(shù)字孿生

　　商迪3D物聯(lián)控系統(tǒng)資產(chǎn)管理模塊可提供3D可視化的運(yùn)維管理模式，在運(yùn)維管理過(guò)程中，實(shí)現(xiàn)VR虛擬場(chǎng)景與現(xiàn)實(shí)環(huán)境一一對(duì)應(yīng)，通過(guò)鼠標(biāo)點(diǎn)擊實(shí)現(xiàn)樓層、機(jī)房、機(jī)柜、設(shè)備的分級(jí)直接瀏覽，同時(shí)可快速搜索、定位目標(biāo)設(shè)備，單擊任何一個(gè)資產(chǎn)設(shè)備查看該設(shè)備的資產(chǎn)情況：設(shè)備信息、安裝應(yīng)用信息、歸屬信息、運(yùn)維信息以及相關(guān)運(yùn)行手冊(cè)等。當(dāng)上架設(shè)備物理位置發(fā)生變化時(shí)，設(shè)備位置根據(jù)數(shù)據(jù)庫(kù)變化自動(dòng)變更。用戶(hù)也可通過(guò)維護(hù)工具自行調(diào)整，這樣運(yùn)維人員無(wú)需頻繁進(jìn)出機(jī)房便可清晰掌握電子信息系統(tǒng)機(jī)房的資產(chǎn)狀況，提升信息查詢(xún)和管理效率。