ThingJS搭建項目流程解析


在使用ThingJS開發物聯網項目時,經常會因為ThingJS制作三維可視化項目四步驟中的第一步而望而卻步,那么ThingJS的三維可視化項目四步驟是哪四個步驟呢?

ThingJS平台開發3D可視化應用一般包括四個步驟:園區搭建、在線開發、數據對接、應用部署。

園區搭建

ThingJS平台自帶三維場景搭建工具,能夠滿足不同場景下的三維搭建要求。CampusBuilder主要是面向小型園區及該規模以下的場景搭建;CityBuilder面向城市級,提供更大場景搭建的三維搭建組件;

1.CamBuilder是否完全免費?
不完全免費,CamBuilder園區搭建工具可用於擺放模型,繪制牆體以及制作室內結構等功能,同時,CamBuilder中還有obj模型上傳功能,需要說明的一點是,CamBuilder絕大部分使用是免費的,這意味着,如果您在嘗試使用CamBuilder去制作您的三維可視化場景時,使用CamBuilder不會收取您的任何費用,CamBuilder的部分增值服務是收費的,目前收費的有導出EXE文件,這功能屬於不影響使用CamBuilder搭建三維可視化場景以及后續開發,只針對有強烈意向用戶使用。

2.CamBuilder如何上傳自己的模型?
除此之外,CamBuilder還有一個OBJ模型上傳功能,該功能同樣是免費功能,但ThingJS推薦您使用ThingJS的3dsmax模型上傳插件去上傳您的模型,這是因為通過3dsmax模型上傳插件上傳的模型,在上傳之前會由插件進行檢測,阻止那些無法在ThingJS中正常使用以及可能出錯的模型上傳到ThingJS中去,因此ThingJS在其官方網站的資源中心中,專門有《3ds Max模型上傳插件使用教程》、《3D模型制作標准》兩個文檔,來提醒用戶如何下載安裝上傳插件以及制作標准的模型並上傳。還有的用戶會問,我的BIM模型或是rvt模型或者其他渠道的模型能夠上傳到CamBuilder中使用嗎?答案是可以,但是這些模型都是需要通過3dsmax模型上傳插件才能上傳,並且在上傳之前還需要經過諸如刪減線之類的輕量化操作,並且還得符合《3D模型制作標准》后才能正常上傳使用。
目前官方網站最新版本的客戶端下載使用后是可以上傳符合《3D模型制作標准》的其他格式的模型文件,比如fbx、obj、3ds、stl等等常用格式,更多格式說明可看:http://forum.thingjs.com/thread-69124.htm

3.CamBuilder中的場景在我的多台電腦中版本不一致?
用戶在公司使用CamBuilder搭建園區時,下班后有的用戶會在家中的電腦繼續搭建園區,這個時候就會遇到兩台電腦中的園區場景不一致的情況,多是出現公司電腦場景制作好了,家里的電腦還是舊版本的,這個時候千萬不要盲目操作,CamBuilder的同步是先去ThingJS的雲端中獲取有變化的場景或者模型等,當雲端沒有發生變化時,就會檢索客戶端的更新,如果客戶端出現了更新,就會把更新的場景提交到雲端。所以在制作完場景后要記住,最新制作的場景如果確認無誤后,保存后就應該點擊立即同步,這樣制作的最新場景就會同步到ThingJS雲端,替換掉之前雲端的舊場景,當最新的場景在雲端中后,您在您家中的電腦客戶端點擊立即同步,雲端的場景就會將您本地的舊場景覆蓋掉,使得您家中電腦的場景也變成公司中最后一次保存的場景(常見情況:兩個客戶端場景版本不一致;失誤操作及結果:舊場景打開后進行操作,發現不是最新場景,保存后點擊立即同步,然后發現原本ThingJS在線開發中本來是最新場景的,變成了現在的舊場景,甚至當您啟動您的公司電腦客戶端,也點擊立即同步后,您雲端的舊場景還會把您的新場景給頂替掉)。

4.CamBuilder場景如何在ThingJS中使用?
最后一個關鍵之處則是用戶會問到的,CamBuilder搭建的場景如何去ThingJS在線開發環境中使用呢?首先,CamBuilder中有一個同步機制,默認是啟動CamBuilder十分鍾后同步您的場景、模型貼圖等信息至ThingJS,正在編輯的場景則不會被同步上去,許多用戶在搭建完CamBuilder場景后進入ThingJS中發現沒有該場景,多是因為場景還沒有被同步到ThingJS在線開發平台中(少部分是由於CamBuilder的登錄賬號和ThingJS的登錄賬號不一致造成的),只需要在CamBuilder客戶端中點擊立即同步,等待左下角提示同步結束后,即可刷新ThingJS網站頁面,雙擊園區列表中的場景縮略圖,引用並開發該場景。(代碼中對場景的任何修改都不會改變CamBuilder中的原始場景)

在線開發

場景搭建完成后會自動同步到在線開發平台進行應用開發。開發是用純JavaScript腳本進行,普通前端開發人員都可完成,無需3D開發經驗。
5.ThingJS快捷功能
在線開發三維可視化場景時,我們可以借助ThingJS在線開發平台中左側的官方示例以及上方工具欄中的快捷代碼(詳情可看https://zhuanlan.zhihu.com/p/145507382)

數據對接

通過ThingJS API可以對接業務數據、監控視頻等功能,形成一個完整的3D可視化應用項目。
數據對接功能在官方示例中數據示例中有相關代碼以及注釋說明,ThingJS支持的數據對接方式有:ajax、jsonp、websocket、mqtt這四種,相關代碼均在ThingJS在線開發平台中。
同時視頻流也是有相應支持的,ThingJS使用視頻流顯示視頻在ThingJS官方示例-視頻-HTML5視頻示例中有詳細介紹及代碼說明。

應用部署

系統在線調試、測試無誤后,就可以部署了。目前我們提供兩種方式,在線部署在ThingJS雲平台上,或者下載離線部署包在您本地環境部署。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM