展廳漫游技術(shù)--threejs還能實(shí)現(xiàn)哪些內(nèi)容?

Jyadmin 提交于 周五, 05/28/2021 - 15:47

?

Three.js

Three.js是基于原生WebGL封裝運(yùn)行的三維引擎,在所有WebGL引擎中,Three.js是國內(nèi)文資料最多、使用最廣泛的三維引擎。

Three.js還能實(shí)現(xiàn)哪些內(nèi)容?

1.物聯(lián)網(wǎng)3D可視化

在人與人之間聯(lián)系的互聯(lián)網(wǎng)時代,主要是滿足人與人之間的交流,Web頁面的交互界面主要呈現(xiàn)為2D的交互效果,比如按鈕、輸入框等。

隨著物聯(lián)網(wǎng)的發(fā)展,工業(yè)、建筑等各個領(lǐng)域與物聯(lián)網(wǎng)相關(guān)Web項(xiàng)目網(wǎng)頁交互界面都會呈現(xiàn)出3D化的趨勢。物聯(lián)網(wǎng)相比較傳統(tǒng)互聯(lián)網(wǎng)更強(qiáng)調(diào)的是人與物、物與物的聯(lián)系,當(dāng)人與物進(jìn)行交互的時候,比如你通過網(wǎng)頁頁面遠(yuǎn)程控制工廠中的一臺機(jī)器啟動或關(guān)停,你可以在網(wǎng)頁上通過div元素寫一個按鈕,然后表示機(jī)器設(shè)備的開關(guān),當(dāng)然你也可以把該設(shè)備以3D的形式展示在網(wǎng)頁上,然后就像玩游戲一樣直接點(diǎn)擊模型上的開關(guān)按鈕,這兩種方式肯定是3D的方式更為直觀,當(dāng)然開發(fā)成本也比較大。

2.產(chǎn)品720在線預(yù)覽

在瀏覽器不支持WebGL技術(shù)的時代,如果你想在網(wǎng)頁上展示一款產(chǎn)品往往是通過2D圖片的形式實(shí)現(xiàn)。如果想3D展示一個產(chǎn)品,往往依賴于OpenGL技術(shù),比如通過unity3D或ue4開發(fā)一個桌面應(yīng)用,這樣做往往很難隨意傳播,需要用戶下載程序很麻煩,如果是通過Web的方式展示產(chǎn)品的三維模型,一個超鏈接就可以隨意傳播。

720全景展示

隨著WebGL技術(shù)的持續(xù)推廣,5G技術(shù)的持續(xù)推廣,各種產(chǎn)品在線3D展示將會變得越來越普及,比如一家汽車公司的新款轎車可以在官網(wǎng)上在線預(yù)覽,也許有一天一些電商平臺會通過3D模型取代2D圖片,現(xiàn)在你朋友推薦推薦給你一款新衣服,你會說發(fā)一張圖片看看,也許將來你會說發(fā)來一個3D模型鏈接看看。

3.數(shù)據(jù)可視化

與webgl相關(guān)的數(shù)據(jù)可視化主要是兩方面,一方面是海量超大數(shù)據(jù)的可視化,另一方面是與3D相關(guān)的數(shù)據(jù)可視化。對于超大的海量數(shù)據(jù)而言,基于canvas、svg等方式進(jìn)行web可視化,沒有基于WebGL技術(shù)實(shí)現(xiàn)性能更好,對于3D相關(guān)的數(shù)據(jù)可視化基于WebGL技術(shù),借助3D引擎Threejs可以很好的實(shí)現(xiàn)。

4.H5/微信小游戲

之前非?;鸬奈⑿判∮螒蛱惶褪鞘褂肨hree.js引擎開發(fā)的。開發(fā)3D類的H5小游戲或者微信小游戲,Three.js引擎是非常好的選擇。

通過Threejs開發(fā)的小游戲,可以直接部署在微信小程序或者web端,無需下載,方便傳播,目前的生態(tài)非常適合小游戲開發(fā)。

另外還有科教領(lǐng)域、機(jī)械領(lǐng)域、WebVR等等,都可以基于threejs開發(fā)。

?

(文章來源于網(wǎng)絡(luò))