Your curve
See it move
Move
Scale
Fade
Faint dots: where the ball is at each tenth of the time. Bunched dots = slow, spread out = fast.
Presets
Copy as
How to use it
- Pick a preset, or drag the two round handles.
- Press Play to watch the ball, the box and the fade.
- Pin a curve, then change the other, to race them.
- Copy it as CSS, GDScript (Godot 4) or JavaScript.
| Do this | Phone | Keyboard |
|---|---|---|
| Shape the curve | Drag a handle | Tab to a handle, arrows (Shift = bigger steps) |
| Exact numbers | Type in the boxes | Tab to a box, type |
| Play | Play button | Space |
| Loop on / off | Loop button | L |
| Pin to race | Pin button | P |
| Copy | Pick a format, Copy | Tab to it, Enter |