Question

What is a Graph Editor ?

Hint:

The Graph Editor is where you fine-tune the physics and weight of an animation. Adjusting the curves allows you to make movements feel heavy, bouncy, or mechanical.

Answer 1

Step 1: Technical Coordinate System representation:
The Graph Editor is a 2D coordinate window that displays animation values as curves over time. The horizontal axis represents frames or time ($t$), while the vertical axis represents the specific attribute values ($v$) (such as Position, Rotation, or Scale).

Step 2: Working with Spline Interpolation Curves:
Keyframes are shown as control points on a curve, which are connected using mathematical splines (typically cubic Bézier curves). A cubic Bézier curve is defined by four points ($P_0, P_1, P_2, P_3$) and calculated as: $$\mathbf{B}(t) = (1-t)^3\mathbf{P}_0 + 3(1-t)^2t\mathbf{P}_1 + 3(1-t)t^2\mathbf{P}_2 + t^3\mathbf{P}_3, \quad t \in [0,1]$$ Animators adjust the tangent handles (which control points $P_1$ and $P_2$) to change the slope of the curve.

Step 3: Controlling Motion Dynamics (Easing):
By modifying the slope of these curves, animators control the acceleration and deceleration of an object. This allows them to create smooth easing in, easing out, linear motion, or sudden steps on impact.