Hello,
I have a tween that appears on click of an object fades in and starts to rotate infinitely with repeat = -1.
When I kill that tween and then re-click the object and and the tween re-starts it adds to the duration from the previous tween, so everytime I click and it begins to rotate its duration += previous-duration+duration
Code that fades in and starts to rotate object
TweenMax.to([".planet1UI>img"], 0.8, {
autoAlpha: 1,
delay: 1.5,
onComplete: function() {
TweenMax.to(".planet1UI>img", 4, { rotation: 360, ease: Linear.easeNone, repeat: -1, transformOrigin: "50% 50%" });
}
});
code that removes the rotation
TweenMax.set([".planet1UI>img", ".planet2UI>img"], { autoAlpha: 0 });
TweenMax.killTweensOf([".planet1UI>img", ".planet2UI>img"], { rotation: true, transformOrigin: true });
TweenMax.killChildTweensOf(".planet1UI");
TweenMax.killChildTweensOf(".planet2UI");
TweenMax.killAll();
So every time I restart the rotation it is 4seconds slower
Any ideas?
I will add an codepen soon.