Using TimelineMax in Animate

[rtania]

I pasted the required gsap script in my html, and I have the actionscript code below. I would like for the balloons to go to the certain y: coordinate and then reverse and then play again. How can I animate that?

 

var myTimeline:TimelineMax = new TimelineMax();

 

myTimeline.to(this.ballon, 1, {y:-37.65});

myTimeline.to(this.ballon2, 1, {y:-33.65});

myTimeline.to(this.ballon3, 1, {y:-48.05});

 

 

[ohem]

 

I pasted the required gsap script in my html, and I have the actionscript code below. I would like for the balloons to go to the certain y: coordinate and then reverse and then play again. How can I animate that?

 

var myTimeline:TimelineMax = new TimelineMax();

 

myTimeline.to(this.ballon, 1, {y:-37.65});

myTimeline.to(this.ballon2, 1, {y:-33.65});

myTimeline.to(this.ballon3, 1, {y:-48.05});

 

 

 

To get TimelineMax working in an Animate CC HTML5 Canvas document, it should be:

var myTimeline = new TimelineMax();

not

var myTimeline:TimelineMax = new TimelineMax();

To reverse and replay an animation, just add this to your tweens:

repeat:1, yoyo:true

[Carl]

Hi and welcome to the GreenSock forums,

 

if you are writing ActionScript than you should specify the type as you have and add the repeat to the constructor

var myTimeline:TimelineMax = new TimelineMax({repeat:-1, yoyo:true});

With Animate supporting JavaScript and the ActionScript it can be a little confusing. 

For ActionScript help please post in our Flash forum: http://greensock.com/forums/forum/1-flash-actionscript-archive/

[Carl]

EDIT: oops you said you added GSAP to your html so I guess you are using JavaScript, in that case, follow ohem's advice

var myTimeline = new TimelineMax({repeat:-1, yoyo:true});