ThingJS平臺上有哪些組件和工具?

ThingJS 基於 HTML5 和 WebGL 技術,可方便地在主流瀏覽器上進行瀏覽和調試,支持 PC 和移動設備。ThingJS 爲可視化應用提供了簡單、豐富的功能,只需要具有基本的 Javascript 開發經驗即可上手。

ThingJS 提供了場景加載、分層級瀏覽,對象訪問、搜索、以及對象的多種控制方式和豐富的效果展示,可以通過綁定事件進行各種交互操作,還提供了攝像機視角控制、點線面效果、溫溼度雲圖、界面數據展示、粒子效果等各種可視化功能。

ThingJS提供如下相關組件和工具供用戶使用:

CityBuilder:聚焦城市的 3D 地圖搭建工具,打造你的 3D 城市地圖。

CamBuilder:簡單、好用、免費的 3D 場景搭建工具。

ThingPano:全景圖製作工具,輕鬆製作並開發全景圖應用,實現 3D 宏觀場景和全景微觀場景的無縫融合。

ThingDepot:上萬種模型,數十個行業,自主挑選,一次製作多次複用。

CamBuilder

當前版本: v1.2.1.128

背景

CamBuilder是ThingJS平臺提供的園區級3D場景搭建工具。CamBuilder既可在聯網狀態下使用(自動同步 PaaS 平臺資源),也可在完全離線情況下獨立使用。

CamBuilder是面向普通人設計的3D搭建工具,非常簡單易用,普通人5分鐘即可上手搭建。

CamBuilder搭建的3D場景會自動同步到ThingJS平臺(網站)同名賬戶下(可在網站控制檯“我的場景”中查看),用戶可直接在 ThingJS網站引用這些3D場景進行基於Web的3D可視化應用開發。從此,3D可視化開發進入低門檻的快速開發時代!

概述

3D物聯網可視化平臺幾乎可以適用於任何場景,真實世界本身就是以3D的形式存在,人類肉眼捕捉到的信息幾乎全部是3D信息,因此直觀的3D數字化場景能夠承載更多、更直接的實時數據,更容易被察覺,更容易被捕獲。尤其應用到複雜且多變的物聯網環境中能夠很大程度上降低誤操作事件的概率,減少人員部署,提高管理效率,節省管理成本。

針對3D場景的製作,目前市場上主要依賴3DSMax, Maya, AutoCAD, Sketchup等主流建模軟件,這些人們耳熟能詳的建模平臺功能強大,能夠實現大量的建模需求,例如:工業產品設計、傢俱設計、建築結構建模、力學測試等。但這些軟件的使用者多爲各行各業的專業人士,不經過培訓,普通人很難上手進行操作,而過於細節化的建模工具,大多以點、線、面等矢量模型單位進行建模,使得建模過程繁瑣,建模效率低下。如果選用這些傳統建模軟件搭建場景將耗費大量人力物力,使原本爲了節約成本,提高效率所開發的3D物聯網平臺變得既不經濟也不高效。因此,物聯網3D場景的製作,需要一個操作簡單,易於上手且搭建效率高的場景搭建平臺。

CamBuilder(也叫“模模搭”)是優鍩科技推出的一款專門針對物聯網設計的3D可視化軟件。同時,CamBuilder也是優鍩科技物聯網3D可視化ThingJS平臺的一個組件。CamBuilder致力於幫助非專業3D建模人員快速搭建3D場景。CamBuilder不僅提供了一個使用簡單易用、功能強大的3D搭建工具,同時配合提供了豐富的3D模型庫,即使是沒有任何圖形編輯經驗的普通用戶也可以快速搭建起例如:商場、醫院、學校、倉庫、公交車站等常見3D場景,大大提升了場景搭建效率。搭建好的3D場景通過簡單的操作就可以上傳到ThingJS在線平臺上進行物聯網可視化系統開發。

本手冊提供了使用CamBuilder進行場景搭建的詳細指導,將幫助用戶有效使用CamBuilder,儘快完成場景搭建工作。

點擊添加圖片描述(最多60個字)

CityBuilder

當前版本: v1.2.1.128

CityBuilder 是 ThingJS 平臺提供的城市級別搭建組件。CityBuilder 支持標準 GIS 數據導入,也支持 CamBuilder 所搭建的場景模型整合,還支持常規 3DSMax 模型文件導入。

CityBuilder可在城市乃至地球這樣大尺度區域上創建、展示場景,爲智慧城市類應用提供強大平臺支持。

CityBuilder 是一款交互式配置 3D 地圖的 SaaS 平臺,基於 ThingJS 和 3D GIS 可視化技術實現,是 ThingJS 的可視化搭建組件之一,專注於城市級尺度 3D 可視化。

CityBuilder 也是一個設計師與開發者協同工作的平臺,設計師來製作“活”的 3D 地圖效果,開發者專心致志地寫業務的代碼邏輯,兩個角色盡其所長,創造專業價值,共同實現終端用戶的基本生產需求和可視化情感需求。

CityBuilder 致力於幫助用戶快速搭建城市 3D 場景,並支持應用於開發環境中,爲團隊有效地降低開發門檻、縮短開發週期、減少開發成本。

地圖廣場

點擊添加圖片描述(最多60個字)

地圖模板

點擊添加圖片描述(最多60個字)

ChartBuilder

當前版本: v3.0

ChartBuilder 是 ThingJS 平臺爲商業開發者提供的圖表級別搭建組件。可快速提供圖表、面板等2D元素。

在ThingJS中,如何使用ChartBuilder呢?步驟如下:

打開已保存的項目,點擊圖表按鈕,選擇圖表模板,雙擊即可進入ChartBuilder;

點擊添加圖片描述(最多60個字)

編輯自己的圖表內容,編輯完成後保存;

點擊添加圖片描述(最多60個字)

回到ThingJS,點擊刷新按鈕。即可出現.cht文件

點擊添加圖片描述(最多60個字)

右鍵.cht文件,即可對圖表進行編輯,刪除,重置,以及預覽添加了圖表後的ThingJS項目;

點擊添加圖片描述(最多60個字)

ThingPano

當前版本: v0.8.1

ThingPano 是基於 ThingJS 平臺推出的全景工具套件,可簡單高效地將高清全景圖應用到 3D 環境中,實現 3D 宏觀場景和全景微觀場景的無縫融合,可快速調取、查看選定位置的全景圖,以更加真實的環境,全視角覆蓋您關注的場景。

可以結合ThingJS原始API, 與ThingPano自身API,開發多種全景互動應用。可以實現在全景圖內實景漫遊的同時,在3D宏觀場景中實時展示對應的空間位置。

通過ThingPano可以輕鬆實現在編制可視化預案等情形下,在3D場景擺中放救援設施的同時,實時查看該設施在真實世界中的擺放效果,無需現場測量計算,精準評估預案可行性,提升工作效率。

還可以結合 ThingJS 中的 map 功能,實現類似百度街景應用。 使用該項技術可廣泛應用於房產導購、在線旅遊、生產監控和安全培訓等衆多場合。

點擊添加圖片描述(最多60個字)

數據結構說明如下:

基礎數據:

panoID、title、correction、startH、startV 屬性字段是全景圖在播放器中加載瀏覽所需要的必要屬性,用於確定一張全景圖在播放器中的初始化位置與視角。

GPS 數據:

如果全景圖中帶有 GPS 定位數據,則可輸出 GPS 數據用於在地圖中進行定位展示。

熱點數據:

存儲每張全景圖對應的四周其他全景圖的熱點鏈接信息,用於播放器中的熱點跳轉。

場景定位數據:

用於與 ThingJS 中的 3D 物體對象進行位置匹配與關係關聯。

用戶自定義數據:

用於存儲其他用戶自定義的屬性字段。

路徑導航數據:

用於播放器內的全景圖巡路瀏覽。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章