动画的播放和暂停是3D场景中常用的功能,ThingJS的很多模型在制作阶段就内置了动画,可以让我们通过接口来控制机柜门开启和关闭,同理,房门开关、电器运行停止等3D模型的动画启停均可以通过接口来控制。 用到的Thingjs API: - 播放动画
- playAnimation(params)
复制代码
参数 Name | Type | Description |
---|
name | String | 动画名 | frames? | Array | 帧播放比例范围 | speed? | Number | 播放速度 | loop? | Boolean | 是否循环 | loopType? | String | 循环类型 | reverse? | Boolean | 是否倒播 |
获取模型动画 首先我们通过 animationNames 属性获取上图中的模型都有什么动画。 示例:
播放模型动画 我们使用 playAnimation 接口进行动画播放。 - 简单播放动画
- 可以反向播放动画
- 可以循环播放动画,并且可以同 loopType ,来控制循环类型
- 还可以同时播放多个动画;
停止播放模型动画 我们使用 stopAnimation 接口来停止动画播放 - //当物体带有多个动画时,'stopAnimation'接口将会停止所有动画播放
- obj.stopAnimation();
- //指定停止哪个动画
- obj.stopAnimation("open1");
复制代码
|