Rigby2DDocs

Animation

Graph editor

The graph editor shows the animation's bone channels as curves of value over time, with draggable keys and Bézier handles. Use it to shape easing precisely, fix pops and see the rhythm of a motion. Switch to it with Graph at the right of the timeline controls.

The graph editor showing the rotation curves of NILA's waving arm
Rotation curves of the wave: the forearm's back-and-forth and the slower upper arm

#What it shows

  • A curve per keyed bone channel of the selected bones (all keyed bones when none is selected): rotate, and the X and Y parts of translate, scale and shear.
  • Keys are dots on the curves; the selected key shows its Bézier handles.
  • The channel list on the left: click a channel to hide or show its curve.
ToDo
Zoom the valuesMouse wheel over the graph.
Pan the valuesShift+wheel.
Zoom timeCtrl+wheel, around the cursor.
Pan timeAlt+wheel.
Fit everythingDouble-click.
Move the time cursorClick or drag in the ruler.

The time range is the whole animation until you zoom or pan it.

#Editing curves

ToDo
Select a keyClick it. Ctrl+click adds to the selection.
Move keysDrag them: left and right changes time, up and down changes value. Hold Shift to move along one axis only.
Shape the curveDrag a key's Bézier handles. The opposite handle mirrors the slope, so the motion stays smooth through the key.
Break the handlesHold Alt while dragging a handle to move it on its own, for a sharp change of direction (a bounce, a hit).
Set a preset curveRight-click: Linear, Ease in-out, Ease in, Ease out, Stepped.

Curves are stored per segment as a cubic Bézier between two keys (as in CSS cubic-bezier()), which is what the skeleton formats and runtimes use, so what you see is what games play.

#Reading curves

ShapeMeans
FlatThe value holds.
SteepFast change.
S-shapeEase in and out: slow, fast, slow.
Sharp cornerAn abrupt change of direction: intentional for impacts, a pop otherwise.
Overshoot past the next key's valueThe motion goes past and comes back: good for settling, a bug if unintended.

Tip

Fix a "floaty" motion by making the curve steeper in the middle, and a "mechanical" one by easing into and out of the keys.

Edit this page on GitHub