分享
查看: 4103|回复: 0

[分享] 模型动画播放

[复制链接]

模型动画播放

发表于 2019-9-11 18:31:51 来自 分享 阅读模式 倒序浏览
zzv_icon4103 zzr_icon0 查看全部

模型动画播放


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

用到的Thingjs API:

  1. 播放动画
  2. playAnimation(params)
复制代码


参数

NameTypeDescription
nameString

动画名

frames?Array

帧播放比例范围

speed?Number

播放速度

loop?Boolean

是否循环

loopType?String

循环类型

reverse?Boolean

是否倒播


获取模型动画

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

示例:

  1. console.log(obj1.animationNames);
复制代码


播放模型动画

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

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

停止播放模型动画

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

  1. //当物体带有多个动画时,'stopAnimation'接口将会停止所有动画播放
  2. obj.stopAnimation();
  3. //指定停止哪个动画
  4. obj.stopAnimation("open1");
复制代码


avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t