Search the Community
Showing results for tags 'not-smooth'.
Found 1 result
-
I've been stumped on this one for a bit now. Made a minimal codepen demo to demonstrate my problem here: https://codepen.io/JGPare/pen/emmQEWz I'm building a fractal viewer that has an animation feature. I am planning on using GSAP to do all the animation. It's working great so far, except for one issue. For longer duration tweens with a slow rate of change the animation is not smooth. It's not a performance issue, as the framerate is sitting solidly at 60fps. I'm on a Retina Macbook using chrome, in case you do not see the same issue. I think it might be some threejs/GSAP issue around both requesting animation frames but that is basically just a guess. That or something more fundamental with GSAP. In my demo at the very top there is a const called 'useGSAP'. I've built my own power function that does the same animation as the GSAP animation. If you watch the GSAP one, from about 3-10 seconds you'll notice the movement is jerky. If you switch the flag to false and watch it again, it is much smoother. In my actual project I'm animating at an even slower rate sometimes and on a larger view window, so the effect is worse. Would really love to keeping using GSAP but if I can't get things smoother I may have to roll my own animation utility. Would appreciate any help thanks in advance!! PS to see best make codepen window of result as large as possible.