Jump to content
Search Community

Bezier Curve Generator

Lynx test
Moderator Tag

Go to solution Solved by Carl,

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

Looking for recommendations on an online bezier curve creator that can output X,Y values. The problem with what I found are the X,Y coordinates based on the canvas size of the online curve generator, which is most likely the case, that won't match the canvas size of my div, the end result will be a curve that animates along a path I don't want. :|

 

 

Link to comment
Share on other sites

  • Solution

Sorry, I don't know of any online tools that do what you describe.

 

When I need to get Bezier point data I use either

 

This technique of parsing points from an actual SVG path

http://greensock.com/forums/topic/10688-challenge-convert-svg-path-to-bezier-anchor-and-control-points/

 

Or use the DrawScript plugin in Adobe Illustrator

http://blog.gannon.tv/2014/09/29/drawscript-to-gsap-bezier-converter/

 

For what its worth, we will be releasing an online tool that will allow you to draw your own path, but we do not have a firm release date. 

  • Like 3
Link to comment
Share on other sites

  • 5 months later...

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