cubical38
asked on
AS3: TweenLite onComplete fires at begining instead of at the end of the tween...
I have several mc's wrapped into one mc. on MOUSE_OVER they animate out, and on MOUSE_OUT they animate back in. This works fine. What I need to add now is a tween at the end of the MOUSE_OVER. Refer to my code...
I dont want the following:
TweenLite.to(ants_mc, .8, {alpha:1, delay:.5, ease:Strong.easeOut});
to begin until the :
TweenLite.to(crosshair_mc. bottomLeft _mc, .5, {y:-41.6, x:41, ease:Back.easeIn});
TweenLite.to(crosshair_mc. bottomRigh t_mc, .5, {y:-41.6, x:-41.6, ease:Back.easeIn});
TweenLite.to(crosshair_mc. topLeft_mc , .5, {y:41.6, x:41.6, ease:Back.easeIn});
TweenLite.to(crosshair_mc. topRight_m c, .5, {y:41.6, x:-41.6, ease:Back.easeIn, onComplete:});
have all completed...
I have added in an onComplete in several different fashions, but all are firing at the beginning of the tween, yet I need it to wait until the other tweens have completed. I have also tried adding in an onComplete add function but I am having the same problems...
Please take a look and throw out any suggestions that come to mind...
Thanks...
I dont want the following:
TweenLite.to(ants_mc, .8, {alpha:1, delay:.5, ease:Strong.easeOut});
to begin until the :
TweenLite.to(crosshair_mc.
TweenLite.to(crosshair_mc.
TweenLite.to(crosshair_mc.
TweenLite.to(crosshair_mc.
have all completed...
I have added in an onComplete in several different fashions, but all are firing at the beginning of the tween, yet I need it to wait until the other tweens have completed. I have also tried adding in an onComplete add function but I am having the same problems...
Please take a look and throw out any suggestions that come to mind...
Thanks...
crosshair_mc.buttonMode = true;
ants_mc.alpha = 0;
crosshair_mc.addEventListener(MouseEvent.MOUSE_OVER, RollOver);
function RollOver(event:MouseEvent):void {
TweenLite.to(crosshair_mc.bottomLeft_mc, .5, {y:-41.6, x:41, ease:Back.easeIn});
TweenLite.to(crosshair_mc.bottomRight_mc, .5, {y:-41.6, x:-41.6, ease:Back.easeIn});
TweenLite.to(crosshair_mc.topLeft_mc, .5, {y:41.6, x:41.6, ease:Back.easeIn});
TweenLite.to(crosshair_mc.topRight_mc, .5, {y:41.6, x:-41.6, ease:Back.easeIn, onComplete:});
TweenLite.to(ants_mc, .8, {alpha:1, delay:.5, ease:Strong.easeOut});
}
crosshair_mc.addEventListener(MouseEvent.MOUSE_OUT, RollOut);
function RollOut(event:MouseEvent):void {
TweenLite.to(crosshair_mc.bottomLeft_mc, .7, {y:0, x:0, ease:Back.easeInOut});
TweenLite.to(crosshair_mc.bottomRight_mc, .7, {y:0, x:0, ease:Back.easeInOut});
TweenLite.to(crosshair_mc.topLeft_mc, .7, {y:0, x:0, ease:Back.easeInOut});
TweenLite.to(crosshair_mc.topRight_mc, .7, {y:0, x:0, ease:Back.easeInOut});
TweenLite.to(ants_mc, .2, {alpha:0, ease:Strong.easeOut});
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
[code]function marchingAnts2(event:MouseE
if (crosshair2_mc.bottomLeft_
TweenGroup.allTo([ants2_mc
} else {
trace("didnt make it 2");
}
} [/code]
Thanks for the input, points awarded...