ThingJS官方示例教程（二）

上一節咱們說到了如何在ThingJS中上傳咱們的圖片、js、css資源，同時也詳細說明如何去使用這些資源，在擁有了JavaScript基礎、一樣也瞭解到如何去使用上傳到ThingJS的資源的狀況下，咱們就能夠開始經過ThingJS在線開發平臺製做咱們的第一個「HelloWorld」項目了。

ThingJS項目初製做

在ThingJS中，最重要的就是咱們的APP對象了，有關ThingJS中的App對象介紹嗎，你們能夠在https://www.thingjs.com/guide/cn/tutorial_Introduce/App.html ThingJS文檔中心去深刻了解，如下是一個最簡單的「HelloWorld」：

/**
 * 說明：建立App，url爲場景地址（可選）
 */
var app = new THING.App({
    url: 'https://www.thingjs.com/static/models/storehouse'     // 場景地址
});

其中ulr是咱們經過campusbuilder建立的園區場景，園區的獲取只須要咱們在製做完成後點擊當即同步，便可同步到咱們的園區列表中：

 

 

 雙擊場景則會出現相似「HelloWorld」的代碼，可是url則是對應園區的url，咱們在ThingJS中建立的「HelloWorld」腳本只有基礎的查看功能，跟咱們在CampusBuilder模模搭中的預覽是不一致，在模模搭客戶端中，咱們能夠聚焦物體、進出層級，可是到了ThingJS在線開發中，這些都須要咱們添加代碼去實現，不過進出層級所須要添加的代碼很是的簡單！如下就是關於進出層級、聚焦物體的代碼：

/**
 * 說明：建立App，url爲場景地址（可選）
 */
var app = new THING.App({
    url: 'https://www.thingjs.com/static/models/storehouse'     // 場景地址
});
app.on('load', function (ev) {
    // 場景加載完成後 進入園區層級
    app.level.change(ev.campus);
});

 

只須要三行代碼，咱們就能使用ThingJS實現進出樓層功能，以及雙擊聚焦物體功能！若是雙擊沒法聚焦物體，那麼說明你沒有給這個物體添加自定義屬性，記得給每個要控制的物體一個自定義屬性喲~