Tweening Multiple Elements Simultaneously

[pfash]

Hi All,

Likely this is a simple answer but I'm unfamilar and just not using the correct terms when searching:

 

I want two movie clips to tween at the same time. The code below just makes the movie clips tween one right after the other..not simultaneously.

tl = new TimelineMax({paused:true, reversed:true});
TweenLite.defaultEase = Elastic.easeInOut;

tl.to(stage.movieClip1, 1.3,{scaleX:1.3,scaleY:1.3, x: '+=30'}).to (stage.movieClip2, 1.3,{scaleX:1.5,scaleY:1.5, y: '-=60', x: '+=40'});

Thanks much!

[PointC]

Hi pfash 

 

You need to use the position parameter.

tl.to(stage.movieClip1, 1.3,{scaleX:1.3, scaleY:1.3, x: '+=30'});
tl.to(stage.movieClip2, 1.3,{scaleX:1.5, scaleY:1.5, y: '-=60', x: '+=40'}, 0); // the zero tells this tween to start at time 0

More info:

 

https://greensock.com/position-parameter

 

Hopefully that helps.

 

Happy tweening.

[pfash]

Thanks, PointC.

Opens a new world of possibilities!

Thanks also for the link to those resources.