Jump to content

Search In
  • More options...
Find results that contain...
Find results in...
Enzo Ustariz

How to create a Bezier path easily ?

Recommended Posts

Hello guys, I hope you are all doing well :)


I'm actually doing a scroll animation with a bezier curve combining ScrollMagic + GSAP.

It's pretty fun but it is just the example scrollmagic is providing.


How can I create my own array of values ? To make my SVG follow me on all my website from top to bottom with some variations for example ?

Is there an online tool that I haven't found yet ?


Thank's if someone is passing by !




See the Pen WNNwVqJ by Ziratsu (@Ziratsu) on CodePen

Share this post

Link to post
Share on other sites

Hey Enzo,


You can modify and add new values to the arrays as you'd like. Are you wondering how to more easily create these points? It might be easier to use an SVG path using our MorphSVG plugin instead. 


P.S. In the next version of GSAP this sort of thing will be even easier! We're working hard on getting it released ASAP.

  • Like 3

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.