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实现进出楼层功能，以及双击聚焦物体功能！若是双击没法聚焦物体，那么说明你没有给这个物体添加自定义属性，记得给每个要控制的物体一个自定义属性哟~