Everything posted by JavierM
That was it! Second option works like a charm. I got the idea. And in addition, regarding what I've called lag, it dissapeared... Thank you so much, Jack!
Ok, I understand. So forget my example and the lag. Let's focus on the GSAP example, the ferris. Just I'm trying to do a infinite reverse loop, that currently it isn't implemented. And without TimelineMax, only a simple TweenMax instance. My first attempt was to update the rotation angle sign each time that the reverse /play button was pressed, without success. Something similar to this: tl.invalidate() tl.vars.css.rotation= 360; tl.play(); My best attempt is this one, redefining the tween effect every time the button is pressed. However, first the progress slider doesn't change the direction, and second, if you press several consecutive times, the tween appears to decelerate. The codepen is: http://codepen.io/MrFrames/pen/qZywWy?editors=0010
Infinite loop (and reverse) without TimelineHello, First of all thank very much for this incredible tool! I am an absolute noob developing animations (and web pages) and thanks to GSAP I've had to do so little efforts to learn . I am trying to rotate a image and control the animation, very similar to the Ferris example: http://codepen.io/GreenSock/pen/wBbKs?editors=1010 The user can select if the rotation is clockwise or counterclockwise. This is my question: is it possible to do a infinite reverse loop without TimelineMax, just a TweenMax instance? The problem is that, related with this rotation, I am drawing a sine wave based on the tween progress. However, when TimelineMax reaches onReverseComplete or onComplete, a small lag can be checked in the sine wave drawing, distorting the result. I do not find this lag if I use only TweenMax, but I am not able to do a reverse infinite loop only with TweenMax... Thank you in advance!!