@jtopo/core / AnimationSystem

Class: AnimationSystem

动画系统

// 使用动画系统
let animationSystem = stage.animationSystem;

// 创建一个动画实例：模拟掉落 (节点从当前高度往下掉落200个像素)
let animation = animationSystem.anime({
   // node的当前高度
   from: node.y,

   // node当前高度向下 200像素
   to: node.y + 200,

   // 动画动作
   update: (n) => {
       node.y = n;
   },

   // 动画效果-缓动（有弹性的感觉）
   effect: 'easeOutBounce',

   // 动画时间
   duration: 2000,
});

// 播放
animation.play();

Table of contents

Constructors

• constructor

Properties

• aeNodes
• animations

Methods

• addAENode
• anim
• anime
• cancelAll
• hasAENode
• removeAENode

Constructors

constructor

new AnimationSystem()

Properties

aeNodes

aeNodes: WeakSet<AENode>

对象集合

---

animations

animations: Set<Animation>

当前的动画集合

Methods

addAENode

addAENode(aeNode): void

添加一个对象AENode到动画系统

Parameters

Name	Type
aeNode	AENode

Returns

void

---

anim

anim(opt): Animation

生成一个动画实例

Parameters

Name	Type
opt	AnimationOption

Returns

Animation

---

anime

anime(opt): Animation

生成一个动画实例

Deprecated

请使用更剪短anim代替

Parameters

Name	Type
opt	AnimationOption

Returns

Animation

---

cancelAll

cancelAll(): void

取消并移除所有动画

Returns

void

---

hasAENode

hasAENode(obj): boolean

是否在动画系统中

Parameters

Name	Type
obj	AENode

Returns

boolean

---

removeAENode

removeAENode(aeNode): void

Parameters

Name	Type
aeNode	AENode

Returns

void