Jump to content
Search Community

How to make a glowing point follow a given path?

galahad9gr 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

Hello everybody

 

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

 

Question:

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

 

Assumptions:

AttrPlugin has to be used, right?

 

Thanks for any replies!
Matt

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:

http://greensock.com/morphsvg-update

 

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:

http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/

 

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.
×
×
  • Create New...