Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
supermoos

MotionPathPlugin, is it possible to animate the path itself?

Recommended Posts

I was wondering if there's a way to animate the path used in conjunction with the MotionPathPlugin.

 

If I for example have items animating around in a circular path, and then I want to animate that path down to be a straight line while the objects following the MotionPath animation seamlessly follows the new path down to the straight line?

Link to comment
Share on other sites

You're likely looking for the morphSVG plugin!
 


I haven't personally tried to animate elements along a path while the path is morphing but why don't you give it a go?

If it doesn't work post the result here and we can take a look at it together and see how we can get around the issue!

Link to comment
Share on other sites

2 hours ago, Cassie said:

You're likely looking for the morphSVG plugin!

 

Yep. Here's how you can leverage the MorphSVGPlugin to animate along a motion path.

 

See the Pen RwgLGYq by GreenSock (@GreenSock) on CodePen

 

 

 

  • Like 6
Link to comment
Share on other sites

Thanks! Just the example I was looking for.

  • Like 1
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.
×