yoyo

[malcr001]

HI I have an animation that takes place one after the other how do I use yoyo after the last animation has completed?

 

var timeline:TimelineLite = new TimelineLite({onComplete:rewinds});

 

//Tweening movieclip file from one movieclips x, y position to another

timeline.append(new TweenMax (file, 2, {dynamicProps:{x:getNode1XPosition, y:getNode1YPosition}}));

timeline.append(new TweenMax (file, 2, {dynamicProps:{x:getNode2XPosition, y:getNode2YPosition}}));

timeline.append(new TweenMax (file, 2, {dynamicProps:{x:getNode3XPosition, y:getNode3YPosition}}));

timeline.append(new TweenMax (file, 2, {dynamicProps:{x:getNode4XPosition, y:getNode4YPosition}}));

[GreenSock]

You define yoyo in the constructor's vars object, like this:

 

var timeline:TimelineLite = new TimelineLite({onComplete:rewinds, yoyo:true});

 

But be careful because dynamicProps makes the properties completely dynamic on every frame, so it's not like a normal tween that you can just play backwards.

[malcr001]

Do I need some sort of yoyo command in the rewinds functions to specify the amount of time I want it to animate up and down?

[GreenSock]

When yoyo is true, it will just go back and forth - you don't set the amount of time for yoyo. For example, if you have 3 tweens that are 1 second each in your timeline and they're sequenced (play back-to-back), your entire timeline would be 3 seconds. When it yoyos and goes back towards the beginning, it will take 3 seconds as well. Please watch the video at http://www.greensock.com/timeline-basics/ if you haven't already - I think it might clear things up for you.

[malcr001]

Is there a way of getting it to repeat a specified number of times?

[GreenSock]

Is there a way of getting it to repeat a specified number of times?

 

Sure - that's what the "repeat" value is for. If you want it to repeat twice, you set repeat to 2.

 

var timeline:TimelineLite = new TimelineLite({onComplete:rewinds, repeat:2});

 

Have you seen the documentation? http://www.greensock.com/as/docs/tween/

[malcr001]

Is there a way to play a sound after each append tween?

[GreenSock]

Sure, you can use an onComplete for each tween that calls a function that plays a sound. Or addCallback() at the various spots where you want it played. Keep in mind that if you want to append a callback, it's as simple as myTimeline.addCallback(myFunction, myTimeline.duration);

[malcr001]

Hi im trying to use youre example to apply what is shown on the first post that shows the code but cant get it to work could you make an example using my first post?

[GreenSock]

Hi im trying to use youre example to apply what is shown on the first post that shows the code but cant get it to work could you make an example using my first post?

 

 

var timeline:TimelineLite = new TimelineLite({onComplete:rewinds});
timeline.append(new TweenMax (file, 2, {dynamicProps:{x:getNode1XPosition, y:getNode1YPosition}, onComplete:playSound}));
timeline.append(new TweenMax (file, 2, {dynamicProps:{x:getNode2XPosition, y:getNode2YPosition}, onComplete:playSound}));
...
function playSound():void {
   //your code here to play the sound.
}

 

-Or-

 

var timeline:TimelineLite = new TimelineLite({onComplete:rewinds});
timeline.append(new TweenMax (file, 2, {dynamicProps:{x:getNode1XPosition, y:getNode1YPosition}}));
timeline.addCallback(playSound, timeline.duration);
timeline.append(new TweenMax (file, 2, {dynamicProps:{x:getNode2XPosition, y:getNode2YPosition}}));
timeline.addCallback(playSound, timeline.duration);
...
function playSound():void {
   //your code here to play the sound.
}

[malcr001]

thanks the first option worked for me