[Tracking values while animating]

Thanks @Rodrigo for the in-depth explanation - makes a lot of sense to me now, and getProperty() has been working perfectly fine for me as @mvaneijgen suggested! Thanks @GreenSock also for the follow-up, that's a really nice simplification for my use case and I'm more than happy with that as a solution 🙂

[Tracking values while animating]

Hi @mvaneijgen - thanks for this! I'd come across the getProperty() function but felt like there must be a more streamlined way of accessing the property, like a this.x type of thing. But this works, thank you

[Tracking values while animating]

Hi all!

 

I feel like this should be a simple one so maybe I'm overlooking something obvious. Basically I have an animation using gsap.to(...), and I'm hoping to track the value/s I'm animating as they animate. I figured this would make sense to be done in the onUpdate() callback, but I'm goofily having trouble figuring out how to get the value (in this case, x) as it animates. 

 

tldr: if I animate my div's 'x' position from 0 to 150, is there a way to log/use the values in between those two numbers as they're reached during the animation?

 

I saw an older forum answer or two about a _gsTransform property that I can't seem to find, guessing it may be deprecated.

 

Thanks!

See the Pen wvNzWyp by Stuart-Mackinnon (@Stuart-Mackinnon) on CodePen