一、WEBGL和Three.js的發(fā)展
? ? ? ?國際信息技術(shù)和移動(dòng)端迅猛發(fā)展,Webgl+Three.js技術(shù)得到了進(jìn)一步的發(fā)展,而3D工廠廠房在數(shù)字化的今天,Webgl+Three.js已經(jīng)被越來越多的公司和企業(yè)應(yīng)用在虛擬工廠系統(tǒng),三維數(shù)字工廠模型中,加快了工廠廠房,園區(qū)3D化中的設(shè)備,傳感器、管道罐體輸送、監(jiān)測控制等各個(gè)環(huán)節(jié)的效率。
二、WEBGL與Three.js的背景
? ? ? ?隨著瀏覽器的原生能力的興起,flash的沒落。WebGL在3D方面從功能與性能方面都在逐漸加強(qiáng)??萍及l(fā)展對應(yīng)2D全面3D化應(yīng)用的需求也越發(fā)激烈。 win10的畫圖板支持3D查看器,2d工具photoshop也開始逐步集成了3D工具。
三、WEBGL和Three.js的應(yīng)用
(一)在工業(yè)園區(qū)的應(yīng)用
? ? ? Webgl與Web3D對工廠智慧園區(qū)的、大樓、生產(chǎn)車間、生產(chǎn)設(shè)備、監(jiān)控設(shè)備等進(jìn)行3D建模,實(shí)現(xiàn)物理工廠園區(qū)到3D虛擬工廠園區(qū)的數(shù)字化、可視化的轉(zhuǎn)化。在H5頁面中對實(shí)景進(jìn)行虛擬操控,一個(gè)系統(tǒng)指揮終端,使工廠生產(chǎn)更為流暢,減少不必要的錯(cuò)誤和開支,節(jié)約成本。避免失誤導(dǎo)致意外產(chǎn)生,并能提高操作者的熟練度,使工作效率大幅度提高。
(二)在單品3D展示中應(yīng)用
? ? ? ?商迪3D單品3D展示通過WebGL、3D繪圖協(xié)議,這種繪圖技術(shù)標(biāo)準(zhǔn)允許把JavaScript和OpenGL ES 2.0結(jié)合在一起,通過增加OpenGL ES 2.0的一個(gè)JavaScript綁定,WebGL可以為HTML5 Canvas提供硬件3D加速渲染,這樣Web開發(fā)人員就可以借助系統(tǒng)顯卡來在瀏覽器里更流暢地展示3D場景和模型了,還能創(chuàng)建復(fù)雜的導(dǎo)航和數(shù)據(jù)視覺化。WebGL技術(shù)標(biāo)準(zhǔn)免去了開發(fā)網(wǎng)頁專用渲染插件的麻煩,可被用于創(chuàng)建具有復(fù)雜3D結(jié)構(gòu)的網(wǎng)站頁面。
(三)在糧倉3D可視化應(yīng)用
? ? ? ?商迪3D糧倉可視化系統(tǒng)以3D可視化技術(shù)為基礎(chǔ),通過3Dmax構(gòu)建糧庫的園區(qū)、倉庫、設(shè)備的3D模型逐級(jí)可視;集成糧食入庫、存儲(chǔ)、出庫過程中的信息并整合到三維模型中,通過webgl、Three.js與構(gòu)建糧情數(shù)字化、標(biāo)準(zhǔn)化、智慧化、一體化的3D可視化平臺(tái)。實(shí)現(xiàn)視頻監(jiān)控、糧情監(jiān)控、智能保糧、出入庫作業(yè)、告警信息等可視化功能,系統(tǒng)的構(gòu)建使糧倉的信息管理互享、糧情的檢測等變得方便快捷,為安全儲(chǔ)糧提供強(qiáng)有力的科技支撐,同時(shí)也為管理部門提供精準(zhǔn)的決策支持平臺(tái)。