reverse and then loop - newbie

[lister110 3 Likes (Newbie)]

Hi,

 

Just want to say, how much fun I had playing around with this..

All I want to do is reverse my tweens on complete and then goto and play from the beginning.

I cant figure out how I restart the movie after the reverse.

 

I did have gotoAndPlay in myFunction function and it looped ok. But I want to reverse and play again. I hope this makes sense, as i'm a bit of a newbie

 

import com.greensock.*;
import com.greensock.easing.*;

var timeline:TimelineLite = new TimelineLite({onComplete:myFunction});
timeline.append(TweenLite.to(mc1, .5, {x:"-600",  ease:Back.easeOut}), 2);
timeline.append(TweenLite.to(mc2, .5, {x:"-550",  ease:Back.easeOut}), 2);
timeline.append(TweenLite.to(mc3, .5, {x:"-500", ease:Back.easeOut}), 2);
timeline.insertMultiple(TweenMax.allTo([mc1, mc2, mc3], 2, {y:"-200"}), timeline.duration );

function myFunction():void {	
timeline.reverse();
}

 

 

lister

[GreenSock 15,332 Likes (Superhero)]

The simplest way would just be to use TimelineMax instead of TimelineLite because it has a "repeat" and "yoyo" functionality. So your code would look like this:

 

import com.greensock.*;
import com.greensock.easing.*;

var timeline:TimelineMax = new TimelineMax({repeat:2, yoyo:true});
timeline.append(TweenLite.to(mc1, .5, {x:"-600",  ease:Back.easeOut}), 2);
timeline.append(TweenLite.to(mc2, .5, {x:"-550",  ease:Back.easeOut}), 2);
timeline.append(TweenLite.to(mc3, .5, {x:"-500", ease:Back.easeOut}), 2);
timeline.insertMultiple(TweenMax.allTo([mc1, mc2, mc3], 2, {y:"-200"}), timeline.duration );

 

That'll repeat the TimelineMax twice - the first time will go backwards and the second time will go forwards (hence the "yoyo:true"). If you want it to go back and forth forever, just set repeat:-1

[lister110 3 Likes (Newbie)]

Wow, thanks..

 

If I want to keep this as lightweight as possible (small swf), how do I go about this, as

this will be the only code I'll use for this movie.

 

 

Thanks for quick response..

[GreenSock 15,332 Likes (Superhero)]

If you want the absolute lightest weight file, then you should shift to using TweenLite instead of TweenMax and TimelineLite instead of TimelineMax, but there's a price to pay in terms of conveniences. The whole point of TweenMax and TimelineMax is to add features that make your life easier as a developer. So you need to decide what the priorities are in your particular situation. The code you posted would roughly double in length if you shift to the "Lite" versions because you can't use "repeat" and "yoyo" and you'd need to manually loop through your array and create each tween instead of using the TweenMax.allTo() call. See what I mean?