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