1. 程式人生 > 實用技巧 >基於WEBGL和Three.js 的3D 工業物聯網視覺化應用

基於WEBGL和Three.js 的3D 工業物聯網視覺化應用

一、WEBGL和Three.js的發展
國際資訊科技和移動端迅猛發展,Webgl+Three.js技術得到了進一步的發展,而3D工廠廠房在數字化的今天,Webgl+Three.js已經被越來越多的公司和企業應用在虛擬工廠系統,三維數字工廠模型中,加快了工廠廠房,園區3D化中的裝置,感測器、管道罐體輸送、監測控制等各個環節的效率。

二、WEBGL與Three.js的背景
隨著瀏覽器的原生能力的興起,flash的沒落。WebGL在3D方面從功能與效能方面都在逐漸加強。科技發展對應2D全面3D化應用的需求也越發激烈。 win10的畫圖板支援3D檢視器,2d工具photoshop也開始逐步集成了3D工具。

三、WEBGL和Three.js的應用
(一)在工業園區的應用
Webgl與Web3D對工廠智慧園區的、大樓、生產車間、生產裝置、監控裝置等進行3D建模,實現物理工廠園區到3D虛擬工廠園區的數字化、視覺化的轉化。在H5頁面中對實景進行虛擬操控,一個系統指揮終端,使工廠生產更為流暢,減少不必要的錯誤和開支,節約成本。避免失誤導致意外產生,並能提高操作者的熟練度,使工作效率大幅度提高。

(二)在單品3D展示中應用
商迪3D單品3D展示通過WebGL、3D繪圖協議,這種繪圖技術標準允許把JavaScript和OpenGL ES 2.0結合在一起,通過增加OpenGL ES 2.0的一個JavaScript繫結,WebGL可以為HTML5 Canvas提供硬體3D加速渲染,這樣Web開發人員就可以藉助系統顯示卡來在瀏覽器裡更流暢地展示3D場景和模型了,還能建立複雜的導航和資料視覺化。WebGL技術標準免去了開發網頁專用渲染外掛的麻煩,可被用於建立具有複雜3D結構的網站頁面。

(三)在糧倉3D視覺化應用
商迪3D糧倉視覺化系統以3D視覺化技術為基礎,通過3Dmax構建糧庫的園區、倉庫、裝置的3D模型逐級可視;整合糧食入庫、儲存、出庫過程中的資訊並整合到三維模型中,通過webgl、Three.js與構建糧情數字化、標準化、智慧化、一體化的3D視覺化平臺。實現視訊監控、糧情監控、智慧保糧、出入庫作業、告警資訊等視覺化功能,系統的構建使糧倉的資訊管理互享、糧情的檢測等變得方便快捷,為安全儲糧提供強有力的科技支撐,同時也為管理部門提供精準的決策支援平臺。