The Math of Computer Graphics
Math · Intermediate · Lesson 4 of 8

Bézier Curves

Curves from repeated lerps

An interactive lesson with 7 steps, about 6 minutes: you predict, drag and solve, with instant feedback on every answer. It runs in your browser and needs JavaScript.

What you’ll learn

  • De Casteljau: lerp between control points repeatedly to get a curve point.
  • Quadratic: (1 − t)²P₀ + 2t(1 − t)P₁ + t²P₂; cubic uses four points.
  • The curve starts and ends at the end points and stays inside the control polygon.

Steps

  1. Lerp the lerps
  2. The midpoint
  3. Through the target
  4. Cubic Bézier curves
  5. Cubic midpoint
  6. Staying inside
  7. How high does it go?