使用 as3 的动画序列答案

【问题标题】：Animation Sequence with as3使用 as3 的动画序列
【发布时间】：2012-11-20 09:56:47
【问题描述】：

我被困在一个点上，我想在 Flash AS3 中执行一系列动画。我可以使用 TweenClass 为我的电影剪辑制作动画，但不能让它们按顺序依次播放。

我想让 closeTween 在 evntInTween 完成播放后播放。

我使用的代码是：

import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;





BtnEvent.buttonMode = true;
BtnEvent.addEventListener(MouseEvent.ROLL_OVER, EventOver);
BtnEvent.addEventListener(MouseEvent.ROLL_OUT, EventOut);
BtnEvent.addEventListener(MouseEvent.CLICK, EventClick);


 function EventOver(event:MouseEvent) {
    event.target.gotoAndPlay(2);
}

 function EventOut(event:MouseEvent) {
    event.target.gotoAndPlay(11);
}


 function EventClick(event:MouseEvent) {
  var evntInTween:Tween = new Tween(eventzmov, "y", Strong.easeOut, 463.75, 1794.6, 3, true);


  var closetween:Tween = new Tween(closeevent, "alpha", Strong.easeOut, 0, 1, 3, true);



}

【问题讨论】：

标签： actionscript-3 animation sequence tween

【解决方案1】：

我认为您应该嵌套补间，以便仅在第一个补间停止播放后创建第二个补间 - 它在结束后发送 fl.transitions.TweenEvent.MOTION_FINISH 事件，因此您为按钮分配一个侦听器来收听它，不要'一旦不再需要，别忘了放下。

function EventClick(event:MouseEvent) {
    var evntInTween:Tween = new Tween(eventzmov, "y", Strong.easeOut, 463.75, 1794.6, 3, true);
    event.target.addEventListener(TweenEvent.MOTION_FINISH,startSecondTween);
    evntInTween.start();
}
function startSecondTween(e:TweenEvent):void {
    var closetween:Tween = new Tween(closeevent, "alpha", Strong.easeOut, 0, 1, 3, true);
    event.target.removeEventListener(TweenEvent.MOTION_FINISH,startSecondTween);
    closetween.start();
}

}

【讨论】：

【解决方案2】：

我强烈建议切换到 greensock 的 Tweening 库 TweenLite（又名 TweenMax）。使用如下语法：

//TweenLite.to(objectToTween, timeToTween, {propertyOne:value, propertyTwo:value, onComplete: functionToCallWhenFinished});
TweenLite.to(object, 4, {y:50, alpha:0, onComplete:finishedTween, ease:Quad.easeOut});

TweenMax（TweenLite 的功能更丰富的版本）还有一个 TimeLine 类，可以用几行代码编写复杂的动画。

https://www.greensock.com/tweenmax/

【讨论】：