Loop (check!) Reset Values (ah crap!) [SOLVED]

[sondanz]

Awesome Engine! Awesome forums! However, after all the posts and examples, there are still some things I just can't figure out.

 

I've gotten this timeline to loop 3 times. But how do I put all my MCs back in their starting positions before each repeat? (I must use TimeLineLite for weight reasons).

 

// AS2 TimeLineLite

// import the tween engine
import com.greensock.*;
import com.greensock.easing.*;

// tracks how many times it has repeated
var cycles:Number = 0;

// define a function for repeating
function playAgain():Void {
if (cycles <= 2) {

// define the timeline
var timeline:TimelineLite = new TimelineLite();

// begin tweening
timeline.append(new TweenLite(box1,     		1, {_x:100, ease:Expo.easeOut}));
timeline.append(new TweenLite(box2,     		1, {_x:200, ease:Expo.easeOut}));
timeline.append(new TweenLite(box3,     		1, {_x:300, ease:Expo.easeOut}));
timeline.append(new TweenLite(box4,     		1, {_x:400, ease:Expo.easeOut, onComplete:playAgain}));

cycles += 1;
}
}

playAgain();

[TronicVolta]

I would define the timeline instance outside the playAgain function, and set it paused.

Then in the playAgain function I would just restart the timeline. Try this out:

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

var timeline:TimelineLite = new TimelineLite({onComplete:playAgain, paused:true});
timeline.append(new TweenLite(box1, 1, {_x:100, ease:Expo.easeOut}));
timeline.append(new TweenLite(box2, 1, {_x:200, ease:Expo.easeOut}));
timeline.append(new TweenLite(box3, 1, {_x:300, ease:Expo.easeOut}));
timeline.append(new TweenLite(box4, 1, {_x:400, ease:Expo.easeOut}));

var cycles:Number = 0;

function playAgain():Void
{
if (cycles <= 2)
{
	timeline.restart();
	cycles += 1;
}
}

playAgain();

[sondanz]

Works beautifully! Thanks so much!

[horizonbay]

Sorry for digging up this post again but can you use "timeline.restart();" only in a function? I tried to put it just after the last "timeline.append(new TweenLite(box4, 1, {_x:400, ease:Expo.easeOut}));" but it doesn't work. (I just want to make sure to understand and use it properly. )

[GreenSock]

What were you expecting it to do? If you just created your timeline, it's at its start anyway, so restart() doesn't really do anything.

[horizonbay]

I thought that it would start the first tween once the last tween was finished. Thanks for the heads up. It makes sense why you put in an onComplete function in the first case.