Jump to content
GreenSock

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

Ease Visualizer


| GreenSock
561824

Note: This page was created for GSAP version 2. We have since released GSAP 3 with many improvements. While it is backward compatible with most GSAP 2 features, some parts may need to be updated to work properly. Please see the GSAP 3 release notes for details.

 

The ease-y way to find the perfect ease

A solid mastery of easing is what separates the top-notch animators from the hacks. Use this tool to play around and understand how various eases "feel". Notice that you can click the underlined words in the code sample at the bottom to make changes. Some eases have special configuration options that open up a world of possibilities. If you need more specifics, head over to the docs.

Quick Video Tour of the Ease Visualizer

A special thanks to Jamie Barlow who built almost the entire thing. He's one of our all-stars in the forums, lending his wisdom and animation prowess to our whole community. He's a rock star.

Take your animations to the next level with CustomEase

CustomEase frees you from the limitations of canned easing options; create literally any easing curve imaginable by simply drawing it in the Ease Visualizer or by copying/pasting an SVG path. Zero limitations. Use as many control points as you want. Grab CustomEase below or find out more

Get an all-access pass to premium plugins, offers, and more!

Join the Club



User Feedback

Recommended Comments

Neat visualiser, although I'd like to see the value dot moving from left to right (feels more natural to observe the motion like that, since that's what we usually see in everyday life). Now, how about adding and visualising custom spring equations? Both http://bouncejs.com/ and http://framerjs.com/ use spring equations (in fact, even two various implementations – DHO and RK4 – https://github.com/koenbok/Framer/tree/master/framer/Animators) and as far as my memory goes, AS3 version of GSAP had CustomEquation class that was based off Beziér's curves. I've started using GSAP again after a while (for CoffeeScript based prototypes) and it's awesome, and it has the most clean docs too. Would be nice to see spring equations showing up in the next release – but no pressure Jack ;-) Thanks!
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

×