[Relative Scaling]

Basically tweenlite always uses the initial state of an element as its starting position,

What I would like to do is call several animations in sequence with a delay between them and have each animation use the current state as its starting position.

 

I.e,

If I have an element with a starting size of 100X100, and I initiate two scale animations on it.

1. delay: 0 sec, duration: 2 sec, scale: 200%;

2. delay: 2 sec, duration: 2 sec, scale 50%;

I would like it to scale up to 200X200 and them return to 100X100, and not to 150X150 as it does currently.

 

Is there a way to configure tweenLite this way?

I would like to avoid managing the delays myself.

 

thanks(:

[Relative Scaling]

Hi(:

 

I have the exactly the same problem but i don't have the current scale because i'm using delay.
 

i will explain with an example:

I have shape 100x100 and a list of actions with delay:

1. action = {delay = 0}
2. action = {delay = 2}

i'm going over the actions list and send it to Tweenlite.To function like that:
per action: TweenLite.to($("#shape1"), 1, {delay:action.delay, parseTransform:true, scale:"+=1"});

 

the first action upgrade with 100.

the second action related to the original size (100) and upgrade with 100,
but i want to be related to the current size (200)

 

what  is  happening: 

after the first action: shape = 200,

after the second action: shape = 300

 

what i want to happen:

after the first action: shape = 200,

after the second action: shape = 400

 

thanks,