快速從萌新變成老手!教你使用ThingJS的小技巧!

之前給大家普及了怎麼使用ThingJS在線開發平臺中的“場景效果”、“快捷代碼”、“場景信息”,這個只是thingjs網站的一些基本使用方法,但是還有一些我們在初次使用甚至有些東西可能應該是常識性的問題,我們卻不一定很清楚。

thingjs網站經過了許多次的改版,從最初上傳資源、場景、貼圖等都是通過控制檯來操作的,到如今控制檯的功能全面轉移到了thingjs在線開發中去了,上傳場景模型的方法也變成了可以直接在項目開發過程中上傳,而不必去打開一個新的頁面來上傳圖片信息。

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

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

ThingJS資源上傳

修改文件名

ThingJS引用css示例

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

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

在這裏插入圖片描述

三、使用動態背景

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

四、快捷代碼

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

在這裏插入圖片描述

五、官方示例

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

六、場景效果

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

在這裏插入圖片描述

七、場景信息

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

這樣子大家在使用ThingJS網站的在線開發是不是更加輕鬆方便了呢?歡迎大家留言討論如何使用ThingJS、讓ThingJS的使用更加簡單喲~

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