Using MotionPath and ScrollTrigger to animate an object along a transforming path

[Anisha Khati]

Hello,

I am new to using GSAP and have been trying a few things with the ScrollTrigger and MotionPath plugins. However, I just hit a roadblock.

 

I want to animate some circles/balls along circular paths that have a scaling animation over time. The ball "c1" follows the initial path values of the motionpath trigger "p4" and does not move along the scaling "p4" path i.e. it does not move along the transforming values in real-time. Can someone help me out with this?

See the Pen BabyOvE by Anisha-Khati (@Anisha-Khati) on CodePen

[akapowl]

Welcome to the forum.

These threads should help with that.
 

 

 

 

[Anisha Khati]

Thanks! Just the solution I was looking for.