javascript - CreateJS/EaselJS 框架中的动画回调

Question

无论如何，我们如何在 EaselJs 框架中进行动画回调？基本上我想在每个动画序列结束时得到通知。

Answer 1

对于精灵表动画，您可以像这样使用 onAnimationEnd：

// create a BitmapAnimation instance to display and play back the sprite sheet:

var bmpAnim = new BitmapAnimation(spriteSheet);

// start playing the first sequence:

bmpAnim.gotoAndPlay("walkRt");

// the callback is called each time a sequence completes:

bmpAnim.onAnimationEnd = angleChange;

Online api doc here:
http://www.createjs.com/Docs/EaselJS/BitmapAnimation.html 

如果您使用 TweenJS 的补间，您可以在补间实例上使用 call 函数：

例子：

Tween.get(bar, {override:true}).to({x:695}, 1500, easeType).call(tweenComplete);

在线 api 文档： http ://www.createjs.com/Docs/TweenJS/modules/TweenJS.html

Answer 2

我强烈推荐 Greensock 用于补间而不是 tweenjs，因为它支持更好并且具有更多功能。

http://www.greensock.com/v12/