基於WebGL架構的3D視覺化平台 新風系統演示

2021-09-19 18:32:41 字數 2387 閱讀 8829

新風系統是根據在密閉的室內一側用專用裝置向室內送新風,再從另一側由專用裝置向室外排出,在室內會形成「新風流動場」,從而滿足室內新風換氣的需要。實施方案是:採用高風壓、大流量風機、依靠機械強力由一側向室內送風,由另一側用專門設計的排風風機向室外排出的方式強迫在系統內形成新風流動場。在送風的同時對進入室內的空氣進過濾、消毒、殺菌、增氧、預熱(冬天)。

接下來就用thingjs平台來搭建乙個新風系統

第一步,利用campusbuilder搭建模擬場景。campusbuilder的模型庫有各種各樣的模型,使我們搭建出的場景更逼真。

//載入場景**23

//場景位址

4 "url": "新風演示2",

56 });

第二步,建立三個陣列來儲存每個風的模型。

1

var hotwindgroup =;

2var coolwindgroup =;

3var newwindgroup =;

4var wind = null;

第三步,構造乙個建立風的函式,為了方便建立風及其位置,我們選取排風裝置為風的父物體,將建立出來的風的visiable屬性設定為false(這裡這個座標問題可以看一下官網的教程中控制物體中的座標轉換)。

1

function

createwind(parent, x, y, angle, localposition, color, group) );

12 wind.style.color =color;

13 wind.visible = false;14

wind.rotatex(x);

15wind.rotatey(y);

16group.push(wind);

17 }

第四步,開始建立風模型,並調整一下攝像機的角度及位置。

() ;

61for

(let i of hotwindgroup) ;

6465

});66

67//

冷風演示

68new thing.widget.button('冷風演示', function

() ;

72for

(let i of hotwindgroup) ;

75});

7677

//新風演示

78new thing.widget.button('新風演示', function

() );

8182

function

playnewwind() );91}

92 });

第五步,執行專案。演示位址

思考與總結:

首先就是空間座標系下轉父物體座標真是弄暈了,看了官網的教程多少理解了一點。剛開始的時候我一直認為我的子物體以父物體座標下放置的時候,子物體座標軸的問題指向的問題。看了教程發現自己的擔心多餘了,就好像是人戴鴨舌帽帽子不管戴在誰的頭上都一樣。

其次就是讓風動起來,最初是想讓乙個模型在空間中運動,發現效果不好用。最後就建立了多個模型他們對應著有各自的點,讓每乙個模型向他下乙個模型的位置移動實現運動。

完整**

//

載入場景**

//場景位址

"url": "新風演示2",

});var hotwindgroup =;

var coolwindgroup =;

var newwindgroup =;

var wind = null

;function

createwind(parent, x, y, angle, localposition, color, group) );

wind.style.color =color;

wind.visible = false

; wind.rotatex(x);

wind.rotatey(y);

group.push(wind);

}() ;

for(let i of hotwindgroup) ;

});//冷風演示

new thing.widget.button('冷風演示', function

() ;

for(let i of hotwindgroup) ;

});//新風演示

new thing.widget.button('新風演示', function

() );

function

playnewwind() );}}

});

3D視覺化 3D視覺化在智慧型園區的應用

隨著5g運用和新基建政策,構建智慧型城市系統成為當下城市管理的熱門需求,智慧型園區建設的核心是3d視覺化平台,利用它可以提高企業園區智慧型化 3d數位化管理服務水平。3d視覺化智慧型園區 以物聯網 雲平台 全面的it建設為基礎,進行園區資源集約化管理,打造綠色園區。準確 直觀地顯示園區執行基礎資料 ...

3D視覺化 3D視覺化在智慧型園區的應用

隨著5g運用和新基建政策,構建智慧型城市系統成為當下城市管理的熱門需求,智慧型園區建設的核心是3d視覺化平台,利用它可以提高企業園區智慧型化 3d數位化管理服務水平。3d視覺化智慧型園區 以物聯網 雲平台 全面的it建設為基礎,進行園區資源集約化管理,打造綠色園區。準確 直觀地顯示園區執行基礎資料 ...

設計視覺化視窗 3D視覺化技術創新亮點!

在當下大資料時代,跨多個行業的公司都巧妙地彙總資料來精確定位數字 趨勢和模式,這是他們改善服務的關鍵。但隨著資料越來越繁瑣和複雜,向管理這些資料和提取資料價值的組織提出了乙個挑戰。3d視覺化技術是一種新的管理 分析和互動資料的方式,它能實現實時反射 實時折射 動態陰影等高品質,逼真的實時渲染3d影象...