Trouble using timeScale tweening with React Hooks
I've recently found a very nice codepen containing almost the exact same animation I wanted done in GSAP, and I've been trying to convert it to GSAP 3 to use it in a web app using pretty much just react hooks all over. It uses timeScale tweening to simulate acceleration and deceleration of a rotating svg, with a play/pause button.
However, I can't seem to get the acceleration/deceleration effect to work on Firefox/Chrome, and it won't pause, either.
The codepen I linked is the effect I'm try
That's a special case where there's some internal logic to sense if timeScale is exactly 0 when someone unpauses an animation and if so, it makes it 1 (normal speed). Otherwise it seemed pretty unintuitive, like someone says "play my animation"...and it doesn't play at all because timeScale is 0! See what I mean?
There are a bunch of ways to work around it in your example. Here are a couple...
You could tween timeScale to 0.001 instead of 0.
If the current timeScale()
