finish tween before new one starts. [SOLVED]

[gareth]

Hi,

 

Is it possible to have a tween finish before a new one starts? I have some buttons and I would like the roll over effect to always complete before the roll out effect overwrites it. I have tried all of the overwrite properties, but nothing achieves the effect I am after.

 

here is my simple code:

private function buttonRollOver(e:Event):void {
		  TweenLite.to(e.target.buttonTxt, 1, {tint:e.target.txtColorOver,ease:Quad.easeOut});
	}

private function buttonRollOut(e:Event):void {
			  TweenLite.to(e.target.buttonTxt, 1, {tint:e.target.txtColor,ease:Quad.easeOut});
		}
	}

 

thanks,

Gareth

[GreenSock]

There are a lot of ways to accomplish it, but here's one:

 

var overTween:TweenLite;

private function buttonRollOver(e:Event):void {
     overTween = new TweenLite(e.target.buttonTxt, 1, {tint:e.target.txtColorOver, ease:Quad.easeOut, overwrite:1});
}

private function buttonRollOut(e:Event):void {
   var timeLeft:Number = overTween.duration - overTween.currentTime;
   TweenLite.to(e.target.buttonTxt, 1, {tint:e.target.txtColor, delay:timeLeft, ease:Quad.easeOut, overwrite:0});
}

[gareth]

Perfect, thank you.