Class: Animation

Animation

new Animation(parmas)

animation/Animation.js, line 13

动画类

Name Type Description
parmas Object optional

创建对象的属性参数。可包含此类的所有属性。
Fires:
  • event:end 动画完全结束事件
  • event:loopEnd 动画每次循环结束事件

Mixes In

Members Show Inherited

Name Type Default Description
isAnimation boolean true
className string Animation
paused boolean false

动画是否暂停
currentLoopCount number 0

动画当前播放次数
loop number Infinity

动画需要播放的次数，默认值为 Infinity 表示永远循环
currentTime number 0

动画当前时间
timeScale number 1

动画播放速度
startTime number 0

动画开始时间
endTime number 0

动画结束时间，初始化后会根据 AnimationStates 来自动获取，也可以通过 play 来改变
clipStartTime number 0

动画整体的最小时间，初始化后会根据 AnimationStates 来自动获取
clipEndTime number 0

动画整体的最大时间，初始化后会根据 AnimationStates 来自动获取
rootNode Node null

动画根节点，不指定根节点将无法正常播放动画
animStatesList Array.<AnimationStates> []

动画状态列表
validAnimationIds Object

AnimationId集合
id string
clips Object {}

动画剪辑列表，{ name: { start: 0, end: 1} }，play的时候可以通过name来播放某段剪辑

Methods Show Inherited

staticAnimation.tick(dt)

animation/Animation.js, line 16

tick

Name Type Description
dt Number

一帧时间

addClip(name, start, end, animStatesList)

animation/Animation.js, line 152

添加动画剪辑

Name Type Description
name string

剪辑名字
start number

动画开始时间
end number

动画结束时间
animStatesList Array.<AnimationStates>

动画帧列表

removeClip(name)

animation/Animation.js, line 163

移除动画剪辑

Name Type Description
name string

需要移除的剪辑名字

getAnimStatesListTimeInfo(animStatesList){Object}

animation/Animation.js, line 171

获取动画列表的时间信息

Name Type Description
animStatesList Array.<AnimationStates>

动画列表
Returns:
Type Description
Object result {startTime, endTime} 时间信息

_initNodeNameMap()

animation/Animation.js, line 196

初始化 node name map

tick(dt)

animation/Animation.js, line 214

tick

Name Type Description
dt Number

updateAnimStates(){Animation}

animation/Animation.js, line 244

更新动画状态

Returns:
Type Description
Animation this

play(startOrClipName, end)

animation/Animation.js, line 256

播放动画(剪辑)

Name Type Default Description
startOrClipName number | string 0 optional

动画开始时间，或者动画剪辑名字
end number this.clipEndTime optional

动画结束时间，如果是剪辑的话不需要传

stop()

animation/Animation.js, line 294

停止动画，这个会将动画从Ticker中移除，需要重新调用play才能再次播放

pause()

animation/Animation.js, line 305

暂停动画，这个不会将动画从Ticker中移除

resume()

animation/Animation.js, line 311

恢复动画播放，只能针对 pause 暂停后恢复

clone(rootNode){Animation}

animation/Animation.js, line 319

clone动画

Name Type Description
rootNode Node

目标动画根节点
Returns:
Type Description
Animation clone的动画对象