Jump to content


Using Bezier Plugin to animate through percentages?

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

This is just a question about capabilities. I'm animating a site that is using the bezier plugin to move 4 small circles along outside of a single larger circle.


I've got the animation working fine, I was just wondering if there was a way to have the plugin recognize the coordinates based on percentages relative to the parent or if this would just be too much of a strain on the browser(i.e. would it just bog the whole deal down because it would have to recalculate the path everytime the browser resized)? 

Link to comment
Share on other sites

Hi jcourtice :)


pls provide a Codepen Demo , i think in your case , there should be another easier/alternative way with same result .

Link to comment
Share on other sites

If it's a circle, you could probably just rotate it and simplify everything.


The values for a Bezier are only calculated once, so it really doesn't matter because you will have to recalculate them on resize. FWIW, here's a somewhat responsive version of a Bezier.


See the Pen yYaQar by osublake (@osublake) on CodePen

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.