前端可視化在很多人看來是有一些難度,不過借助平台工具還是有捷徑的。前端攻城獅不用大規模寫代碼,隻需要通過快捷代碼來實作即可。為提升開發效率,線上開發提供了大量常用功能代碼塊,選擇所需功能自動生成代碼。使用者可參考官方例程或其他相對應教程章節,檢視快捷代碼的使用方法。
-
APP
啟動 ThingJS 系統時,我們需要建立 App 對象。App 作為 ThingJS 庫的功能入口,提供了多種功能。本節提供的快捷代碼包括物體查詢、場景加載事件、滑鼠鍵盤事件等,在實際開發中都是需要經常使用的。
App具體使用方法詳見 App對象
-
建立物體
提供了常用類型的建立,包括模型、基本形狀、界面、粒子等。
例:建立模型
建立物體參數及建立物體其他方法,詳見 建立對象可視化網頁開發工具用哪個好? -
控制物體
包括查詢子物體,對物體動作的控制,如旋轉、位移等;對物體效果的控制,如顔色、勾邊、透明度等。
具體使用方法詳見 擷取對象、控制對象
-
層級
提供了進出層級操作,修改層級進出後操作等快捷代碼。
具體使用方法詳見 園區與層級
-
錄影機
錄影機位置的設定以及攝影機的互動操作。
具體使用方法詳見 攝影機
-
界面
主要為官方例程中,提供的頂牌、panel、toolbar。
例:給小車建立一個頂牌
可視化網頁開發工具用哪個好? -
控件
提供了常用的三種控件,分别為地圖、指南針、第一人稱行走。
-
引用資源
快速引入第三方資源的代碼塊,包括css、js庫,iframe引用頁面,使用者隻需修改資源路徑。
注:ThingJS中,僅支援“THING.Utils.dynamicLoad()”方法引用第三方js、css庫。