tweening - scale and translate simultaneously

[oneiro]

How can I scale and translate a container simultaneously?

I've tried three tweening libs  (tweenjs, charm & tweenlite) -  they all display the same result where it will either scale or translate the container (whichever is called first), but not both simultaneously. 

 

[ivan.popelyshev]

That's strange. Everything should work. Demo code?

[nmiguelmoura]

Hi,

I use TimelineLite & TweenLite from Green Sock.

For a 1 second animation, i would write something like this:

var animation=new TimelineLite();
animation.to(container,1,{x:100,y:100})
         .to(container.scale,1,{x:2,y:2,delay:'-1'});

Hope it helps

[themoonrat]

By default, the tweens start playing after the last one has finished. If you want them to happen at the same time, you need to use the position parameter

http://greensock.com/position-parameter

For example, this sets the starting point for all tweens at time 0 of the timeline, which is what you require

var animation=new TimelineLite();
animation.to(container,1,{x:100,y:100},0)
         .to(container.scale,1,{x:2,y:2},0);