打造沉浸式體驗!ThingJS之CityBuilder構建交互式場景

一旦構建園區場景,即可部署到任何網頁,ThingJS是基於WebGL構建的3D框架,有強大的技術支撐能力!

作為ThingJS平臺的園區搭建組件CamBuilder,使用它可快速構建園區級物聯網3D場景;CamBuilder的基本特性是學習門檻低、搭建速度快;CamBuilder的輸出物為3D物聯網場景,用戶基於此場景和ThingJS平臺開發能力,可快速構建3D物聯網可視化應用。
使用一個工具的必要且先決條件就是擁有這個工具,進入ThingJS園區搭建工具CamBuilder的產品落地頁(https://www.thingjs.com/guide/campus),把工具客戶端下載到電腦。
01.png
利用ThingJS開發3D項目,場景搭建是第一步要完成的,如果利用CamBuilder搭建園區,我們該如何輕鬆快捷的製作,讓前端開發人員更方便去實現各種功能需求呢?
第一步:安裝並登陸,CamBuilder目前只有64位的下載包,同時僅支持Windows系統,不支持其他系統包括Windows虛擬機,下載完成後,管理員方式運行打開如下界面,注意,登錄時需要用到暱稱+密碼的方式去登錄,暱稱可在ThingJS網站個人信息中查看並修改。
登錄後會出現如下界面,當然,新用戶的場景是空的,有些場景模型可以在資源中心購買。需要注意的是頭像左側我們有一個工具欄,這一欄有關於CamBuilder的使用手冊,點擊頭像左側的按鈕,然後點擊用戶手冊即可查閱和了解怎麼去使用CamBuilder。
02.png

CamBuilder作為ThingJS旗下的園區搭建工具,除了擺放模型庫中或是我們自行上傳的模型外,還能夠搭建室內結構,在這裡,新手需要注意的是,除非你的室內樓宇中有很多樹木等裝飾物品外,這些都應該在園區裡面搭建,而不是放在建築中搭建,同時,建築的搭建需要由內向外,先選擇室內,選擇進入內部後再去繪製牆,這樣製作出來的才是一個有室內結構的建築。
步驟如下:
1.點擊室外,選擇建房;
2.點擊進入內部,開始繪製室內結構;
3.繪製完成後,回到建築層級;
4.給建築設置外立面;
5.退回到園區層級,繪製園區大致結構;
1.png
2.png
3.png
4.png
5.png
6.png

ThingJS提供了場景模板和直觀的拖放工具,幫助快速搭建園區交互式場景,更是放大了沉浸式體驗,物聯網可視化商業價值凸顯。

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top