Jump to content
Search Community

Animating along path without any club plugin

greenscript test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts



You get curvy motion by just using the BezierPlugin and passing in your own values.

The beauty of MorphSVG is that it can analyze an SVG path and get those values for you, saving you a ton or work / time.


I forked the demo you referenced to show curved motion using the BezierPlugin and some made up x/y values. If you know the coordinates of the points on your path, you can plug them in there.


Hopefully you understand that it isn't feasible for us to advise you on how to bypass purchasing the tools that fund the development of the rest of the platform. Keep in mind you can use all the Club plugins on CodePen. I think you'll find the membership will pay for itself very quickly (within the first hours of your first project). 


Let us know if you have any more questions.






See the Pen PjWGmq?editors=1010 by GreenSock (@GreenSock) on CodePen


  • Like 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...