1、移动到某个目标位置
2、 让物体沿路径移动
3、 批量控制对象
上篇文章中我学习了控制3D可视化场景中对象显示隐藏和旋转缩放,本篇我继续学习控制3D可视化场景中对象位移和批量控制对象。
1、移动到某个目标位置
我阅读文档中心后发现ThingJS提供了moveTo设置一个移动动画,rotateTo 设置一个旋转动画,scaleTo 设置一个缩放动画,用 movePath 可设置让物体沿一条路径移动等方法。旋转和缩放上篇文章已经实现了,下面我用moveTo 实现将3D可视化场景中物体移动到某个目标位置。
两辆叉车我设置了两个目标位置,一个是世界坐标系一个是自身坐标下的位置。
完整代码如下:
var app = new THING.App({
url: "models/storehouse"
})
// 加载场景后执行
app.on('load', function () {
var car01 = app.query('car01')[0];
var car02 = app.query('car02')[0];
// 移动到 世界坐标系下某位置
new THING.widget.Button('世界坐标系下位置', function () {
car01.moveTo({
position: [0, 0, 0], // 移动到世界位置
time: 2 * 1000,
orientToPath: