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實現進出樓層功能，以及雙擊聚焦物體功能！如果雙擊無法聚焦物體，那么說明你沒有給這個物體添加自定義屬性，記得給每一個要控制的物體一個自定義屬性喲~