Jump to content


How to make a glowing point follow a given path?

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

Hello everybody


If someone could give me a helpful snippet or hint to do it, it would make my day.



How to get the glowing point ".png" create the (given) green checkmark path?



AttrPlugin has to be used, right?


Thanks for any replies!

Link to comment
Share on other sites

Hi galahad9gr :)


Welcome to the forums.


I'm not sure I completely follow what you're asking, but it sounds like you may be looking for the MorphSVGPlugin.pathDataToBezier() method. That converts SVG <path> data into an array of points that you can use as a motion guide. You're a Club Member so you already have access to the necessary plugins to make this happen.


Take a look at this post for more info:



Here's the CodePen that goes with it.:

See the Pen 550e4b59c59355eef809658fbce77ee9 by GreenSock (@GreenSock) on CodePen


Hopefully that gets you closer to what you need. If you could provide a CodePen for your questions, that would would get you the best answers. Here's how to make one:



Happy tweening.


  • 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.