Thing.js 之 创建App对象

介绍ThingJs中创建对象的常用方法

创建App

1.直接new 一个 app

// 创建App的方法

var app = new THING.App({
  url: '园区地址',
  complete: () => {
    console.log('创建完成,园区Id:' + this.id)
  }
})

2.使用create
使用app.create创建，但该方法会导致初始化的时候 ，摄像机的视角处在[0, 0, 0]的位置，并且整个场景被放大到最大值，

// 使用create
var app = new THING.App()
let obj = app.create({
  type: 'Campus',
  url: '园区地址',
  complete: () => {
    console.log('创建完成,园区Id:' + this.id)
  }
})

App对象的属性

官方教程链接
参数 | 类型 | 备注
—|—|—
url | String | 初始场景资源路径
complete | function | 初始化完成函数回调
success | function | 场景资源加载成功回调
error | function | 场景资源加载失败回调
progress | function | 场景资源加载进度回调
background | Number/String | 背景颜色/ 图片
skyBox | String | 天空盒资源名称分别’BlueSky’,’MilkyWay’,’Night’,’SunCloud’
isMobileDevice | Boolean | 判断是否是移动端设备

App对象的方法

官方教程

create(type, name, url, position, complete)
参数 | 类型 | 备注
—|—|—
type | String | 物体类型
name | String | 物体名称
url | String | 物体模型链接
position | Array | 物体生成位置
complete| function | 物体生成后的回调

on(eventType, selector, userData, callback, tag?, priority)
参数 | 类型 | 备注
—|—|—
ventType | String | 事件名称
selector | String | 物体类型选择信息
userData | Object | 事件绑定自定义数据, 如果是 Function 类型，也表示回调函数参数
callback | function | 事件触发的回调函数
tag? | String | 事件名字标记
priority | Number | ? 优先级，数值越大优先级越高