1、 控制显隐
2、 控制旋转
3、 控制缩放
获取数字孪生可视化场景中的对象后,就可以通过对象的属性和方法来控制对象了。在 ThingJS API中,列举了控制对象的属性和方法,下面本篇文章我打算学习控制对象的方法。
1、控制显隐
ThingJS 中通过设置物体的 visible 属性来直接控制数字孪生可视化场景中物体的显示/隐藏。
如果数字孪生可视化场景中对象有相应的父子关系,那么,当隐藏父亲时,他的子子孙孙也会跟随隐藏。比如当隐藏建筑时,建筑的外立面、楼层、楼层里的物体等子孙会同时隐藏。
加载ThingJS示例园区后,我打算将数字孪生可视化园区内的小车进行显隐控制,点击按钮,可以显示或隐藏小车。
var app = new THING.App({
url: 'https://www.thingjs.com/static/models/storehouse'
});
app.on('load', function () {
var car1 = app.query('car01')[0];
// 创建Box 父物体为小车
var box = app.create({
type: 'Box',
center: 'Bottom', // 中心点
localPosition: [0, 0.2, 1], // 设置 Box 相对于父物体的位置
parent: car1 // 指定父物体
});
var visible = true;
new THING.widget.Button('显隐小车', function () {