Smooth transition when tween is overwritten

[ikas]

Hello,

 

I am getting started with tweening using GSAP and so far it has been going good.

 

I hit on this problem and would appreciate any help in getting this to work.

 

 

1. Hit the "Spin" button and after a few seconds, hit the "Shake" button. Notice the current rotated position of the image just before hitting the "Shake" button.

 

2. After the "Shake" button is hit, the shake executes as expected.

 

I have a couple of things I want to achieve:

 

1. Can the spin still continue when the shake executes? In other words how can I continue executing the spin when adding the shake tween?

 

2. Is there a way to stop the image from being "reset" to its original position when the shake starts?

See the Pen WQwLmX by ikas (@ikas) on CodePen

[OSUblake]

Use relative rotation values like "+=2.5" or "-=2.5".

 

See the Pen BoKMYx by osublake (@osublake) on CodePen

[Diaco]

Hi ikas 

 

in addition , for shaking effect pls check this out : 

See the Pen LVGzMV by MAW (@MAW) on CodePen

[ikas]

Thank you OSUblake and Diaco !