App 对象是 ThingJS 库的功能入口,用于 3D 场景初始化。
创建 App 对象
const app = new Thing.App();
// 可传入 app 对象的初始属性 options = { key: value }
加载场景
const app = new Thing.App({
// 场景源地址
url: 'https://www.thingjs.com/static/models/factory',
// 背景色
background: '#000000',
/*
// 天空盒子 BlueSky, MilkyWay, Night, CloudySky, White, Dark
skybox: 'White',
//
env: 'Seaside',
// 完成回调函数
complete: function (ev) {
console.log("App complete:", ev);
}
*/
});
// 创建提示
initThingJsTip(`使用 App 创建的三维空间称之为“场景”。
有两种方法可以将客户端保存的园区添加到园区资源面板:<br>
1. 园区保存后,会自动同步到网页同一账号下;<br>
2. 园区保存后导出tjs文件,在园区资源面板上传。<br>`);
加载地图(🔲TODO)
var app = new THING.App(); // 3D场景初始化
app.background = [0, 0, 0]; // 设置场景背景为黑色
//引用地图组件脚本
THING.Utils.dynamicLoad(['https://www.thingjs.com/uearth/uearth.min.js'], function () {
app.create({
type: 'Map',
// 把 myMapDirectory 替换为所需加载的地图路径即可。
url: 'myMapDirectory',
complete: function (event) {
console.log(event.object.userLayers.length);//日志窗口显示地图层级数量
}
});
});
常用属性和方法
url | String | 场景资源路径:模型或园区时可使用相对或绝对地址;地图只能使用绝对路径; |
---|---|---|
background | String | 背景:颜色或图片路径 |
skybox | String | 天空盒:预设有 BlueSky, MilkyWay, Night, CloudySky, White, Dark |
complete | function | 创建完成回调 |
create() | function | 创建物体,如模型或基本形状 |
query() | function | 查询物体,通过 id, name, type, 自定义属性等 |
camera() | function | 获取摄像机实例 |
on()/off() | function | 全局事件注册/注销 |