Jump to content


BezierPlugin.bezierThrough with type = 'soft'

Go to solution Solved by OSUblake,

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

when using `BezierPlugin` to tween something along a bezier curve, you are able to add a `type` of values  `thru`, `soft`, `quadratic`, or `cubic`. is there a way to get a curve of similar results when getting bezier objects from `BezierPlugin.bezierThrough`? i understand that there is the `curviness` argument, but i would really like to apply `soft` to my data i am getting back. thanks.

Link to comment
Share on other sites

  • Solution

The bezierThrough method is only for doing Beziers with type thru as it's proprietary. The soft method is not, and is pretty common if you search around.


But you don't have to do that. I made a demo the other day to show somebody about using that method to draw stuff, so I just added the soft type so you can see a side-by-side comparison. Blue is the thru, and red is soft. 

See the Pen 7047db2bc35bde1c480e954878a2e699?editors=0010 by osublake (@osublake) on CodePen



  • Like 4
Link to comment
Share on other sites

this is great. i remember reading about this technique back in the day but totally forgot about it. thanks.

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