GSAP Motion Path Plugin w/ Mouse Following

[existentialdread]

Hello! I am trying to utilize the motion path plugin to lightly (within a range) follow a mouse cursor along a predefined path, but am having some issues with the values I'm seeing when using the getRawPath method, they seem to be larger than the ones I see on Circle Two. I'm thinking it has something to do with the origin, but am not sure. You can see the animation on the right for what I would like the arrow animation to be, but I can't seem to get it properly working when it is hooked up to the 'mousemove' listener. Any help would be greatly appreciated. Thanks in advance!

See the Pen poLrEOd by january1979 (@january1979) on CodePen

[Cassie]

Hey there!

 

I'm not quite certain what your approach is trying to do. I'm not hugely familiar with getPositionOnPath.

But optionally you could animate the progress of a tween. That might be an easier route?

See the Pen BardwxY?editors=0111 by GreenSock (@GreenSock) on CodePen

[existentialdread]

That is exactly what I was trying to do, good mind read! Sorry if I didn't describe it very well. Thank you for the help.

[Cassie]

Glad I guessed correctly! 

[existentialdread]

Think I was way overthinking it! Sometimes forget the power of the tween. Thanks so much again!