drag points and see how the curve changes
change ease functions for the animation
double tap/click on a point to remove it, or in a blank space to add a point
Easing function in the animation
t value (
Animation speed (
t += 0.005
Control point color scheme
Choose a preset to load:
This is your data. It stores your current curve and your presets.
This is not cross-browser or cross-device. If you want to have your presets on a different browser/device, load the data below in the other browser/device.
To load save data, paste your save data into the box above and click the Load Save Data button.
This visualizer uses an implementation of DeCasteljau's algorithm. For how this works, see the Geometric interpretation section of this Wikipedia page.