模型动画播放

ThingJS_用户支持 1月前 118


    动画的播放和暂停是3D场景中常用的功能,ThingJS的很多模型在制作阶段就内置了动画,可以让我们通过接口来控制机柜门开启和关闭,同理,房门开关、电器运行停止等3D模型的动画启停均可以通过接口来控制。

用到的Thingjs API:

播放动画

playAnimation(params)


 参数 

NameTypeDescription
nameString

动画名

frames?Array

帧播放比例范围

speed?Number

播放速度

loop?Boolean

是否循环

loopType?String

循环类型

reverse?Boolean

是否倒播


获取模型动画

    首先我们通过 animationNames 属性获取上图中的模型都有什么动画。

    示例:

console.log(obj1.animationNames);


播放模型动画

    我们使用 playAnimation 接口进行动画播放。

  • 简单播放动画
     obj.playAnimation({
        name: "animation",
        reverse: true//反转数组});
  • 可以反向播放动画
    obj.playAnimation("animation");
  • 可以循环播放动画,并且可以同 loopType ,来控制循环类型
    obj.playAnimation({
        name: "open1",
        loopType: THING.LoopType.Repeat});
  • 还可以同时播放多个动画;
    obj.playAnimation({
        name: ["open1", "open2"],
        loopType: THING.LoopType.PingPong,
        speed: 0.4});

停止播放模型动画

    我们使用 stopAnimation 接口来停止动画播放

//当物体带有多个动画时,`stopAnimation`接口将会停止所有动画播放
obj.stopAnimation();
//指定停止哪个动画
obj.stopAnimation("open1");


最新回复 (0)

你可以在 登录 or 注册 后,对此帖发表评论!

返回