thingjs在線開發平台介紹


ThingJS在線開發平台中的快捷方式

在使用ThingJS搭建物聯網項目中,為什么有人的人勢如破竹,有的人卻舉步維艱?這就提到了老生常談的問題,基礎,ThingJS搭建物聯網可視化,使用的語法就是純JavaScript語法,而且JavaScript中的所有功能都是能在thingjs中直接使用的,比如操作dom以及各種js基礎功能等等,除此之外,thingjs在線開發中還有着一系列簡化三維可視化開發的功能,讓我們來了解一下thingjs在線開發中的功能吧!

一:在thingjs上傳圖片、css、heml等資源

       thingjs上傳圖片到項目中使用的方法如下,打開要使用這些資源的項目,鼠標放在項目名上,右側會出現兩個按鈕,分別是新建文件按鈕和上傳資源按鈕,點擊上傳文件按鈕即可上傳圖片資源,上傳后的資源會出現在左側,可以對上傳的資源改名字,但是后綴不要隨便修改。引用該資源只需要鼠標右鍵點擊該文件,點擊引用路徑既可使用該資源。同時如何使用js、css也有對應的官方示例來解釋如何使用。

 

二、在thingjs中使用園區場景、城市地圖

      ThingJS網站在線開發平台中雙擊場景即可直接生成調用該場景的代碼(場景的產生是通過thingjs工具campusbuilder軟件來制作,制作的園區場景會自動上傳到thingjs網站中,但某些情況下,obj模型上傳會由於模型上傳服務壓力過大,導致模型上傳時需要排隊等待,而無法及時上傳。雙擊只會出現調用該場景的代碼,不會自動刪除其他調用場景的代碼,需要自行刪除,同時加載3D城市地圖場景的方法也是如此。

 

三、在thingjs中使用動態背景

      ThingJS網站在線開發平台中點擊動態背景按鈕會彈出動態背景面板,點擊可以預覽動態背景樣式,雙擊即可生成被選中的動態背景,即可直接生成調用該場景的代碼(場景的產生是通過thingjs工具campusbuilder軟件來制作,制作的園區場景會自動上傳到thingjs網站中,但某些情況下,obj模型上傳會由於模型上傳服務壓力過大,導致模型上傳時需要排隊等待,而無法及時上傳。雙擊只會出現調用該場景的代碼,不會自動刪除其他調用場景的代碼,需要自行刪除,同時加載3D城市地圖場景的方法也是如此。

四、在thingjs中中的快捷代碼

      ThingJS網站在線開發平台中提供快捷代碼的方式來輔助開發,使用方法如下:鼠標放置在左上角快捷代碼處,選擇欄目,然后雙擊對應功能,點擊該功能即可出現在當前項目上(溫馨貼士提醒您,請注意代碼出現的位置問題,出現的代碼位置需要按照個人要求來進行調整,快捷代碼出現的位置為鼠標光標最后一次出現在項目中的位置。)

 

五、在thingjs中的官方示例

      ThingJS網站在線開發平台中提供官方示例來對於thingjs中的api進行熟悉與了解,(溫馨貼士提醒您,您可以在左上角搜索相關功能,同事每個示例都是有注釋的,您可以運行查看結果並且可以試着去修改)

 

六、在thingjs中的場景效果

      ThingJS網站在線開發平台中提供場景效果面板來設置場景效果,使用方法很簡單,點擊場景效果按鈕,會彈出場景效果的調試面板,調試完想要的效果,即可點擊生成代碼塊放在項目中使用。

 

七、在thingjs中的場景信息

      ThingJS網站在線開發平台中提供場景信息面板來查看場景中的信息,這個有助於查看對象父子關系,更能直接查看到物體所含有的屬性,同時場景信息中,每個模型后都有一個定位按鈕,點擊該按鈕即可定位到該模型。

 

thingjs除了在線開發平台中的這些,還有着三維城市地圖搭建工具citybuilder以及園區搭建工具campusbuilder,這兩個功能都能簡化搭建三維場景的難度、縮短開發周期!

ThingJS,讓物聯網開發更簡單!


免責聲明!

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



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