A Bézier curve is a parametric mathematical curve widely used in computer graphics, computer-aided design (CAD), animation, typography, and user interface design. Defined by a set of control points, a Bézier curve provides a smooth, continuous path that can be precisely manipulated. Its elegance lies in the fact that complex shapes can be constructed from simple geometric rules.
The curve was popularized in the 1960s by French engineer Pierre Bézier, who used it for automobile body design at Renault. Independently, similar mathematical formulations were developed by Paul de Casteljau at Citroën. Today, Bézier curves are foundational to digital vector graphics systems, including formats such as Adobe Illustrator and the SVG (Scalable Vector Graphics) standard.
🧮 Mathematical Definition
A Bézier curve is defined parametrically. This means its coordinates are expressed as functions of a parameter, typically denoted by t, where:
0 ≤ t ≤ 1
For a curve of degree n, defined by control points P₀ through Pₙ, the mathematical form is:
B(t) = Σ (from i = 0 to n) [ (n choose i) (1 − t)ⁿ⁻ⁱ tⁱ Pᵢ ]
This expression uses Bernstein polynomials, which form the basis functions of the curve. The result is a weighted blending of control points, producing a smooth interpolation between endpoints.
📊 Types of Bézier Curves
1️⃣ Linear Bézier Curve (Degree 1)
Defined by two points.
The result is a straight line between them.
B(t) = (1 − t)P₀ + tP₁
2️⃣ Quadratic Bézier Curve (Degree 2)
Defined by three control points: P₀, P₁, P₂.
P₀ and P₂ are endpoints; P₁ influences curvature.
This is commonly used in basic vector paths.
3️⃣ Cubic Bézier Curve (Degree 3)
Defined by four control points: P₀, P₁, P₂, P₃.
This is the most widely used form in digital design.
Cubic curves allow flexible shaping and are standard in:
- Font outlines (e.g., TrueType, PostScript)
- Web animation timing functions
- Vector illustration tools
🎛️ Control Points and Geometry
A key feature of Bézier curves is geometric intuitiveness:
- The curve begins at P₀ and ends at Pₙ
- Intermediate control points “pull” the curve
- The curve always lies within the convex hull of its control points
This convex hull property guarantees predictable behavior—crucial in engineering and graphical modeling.
🔁 de Casteljau’s Algorithm
An alternative method of computing Bézier curves is de Casteljau’s algorithm, a recursive geometric interpolation process. Rather than evaluating polynomials directly, it repeatedly linearly interpolates between points.
Advantages:
- Numerically stable
- Efficient for subdivision
- Useful for rendering and collision detection
This method forms the backbone of many graphics engines.
💻 Applications
🖼️ Computer Graphics
Bézier curves define scalable vector shapes. Because they are resolution-independent, they remain sharp at any zoom level.
🔤 Typography
Modern digital fonts use Bézier curves to describe letterforms. This enables smooth rendering across different sizes and display resolutions.
🚗 Industrial Design
Originally applied in automotive body modeling, Bézier curves allow smooth, manufacturable surface transitions.
🎮 Animation and UI
Timing functions in CSS (e.g., cubic-bezier easing) use cubic Bézier curves to control acceleration and deceleration of motion.
📐 Higher-Dimensional Extensions
Bézier curves generalize to surfaces, known as Bézier surfaces, which are defined using tensor products of Bernstein polynomials. These form the mathematical basis of more advanced surface modeling techniques such as NURBS (Non-Uniform Rational B-Splines).
⚖️ Advantages and Limitations
Advantages
- Intuitive geometric control
- Smooth and continuous
- Stable numerical properties
- Efficient for rendering
Limitations
- Global control: moving one control point affects the entire curve
- High-degree curves become computationally complex
- Less flexible than spline-based systems for large-scale modeling
These limitations motivated development of B-splines and NURBS, which allow localized adjustments.
🧠 Conceptual Significance
Bézier curves represent a profound intersection of algebra and geometry. They transform abstract polynomial theory into a practical design tool that shapes everything from smartphone icons to aircraft fuselages.
Few mathematical constructs have had such a quiet yet pervasive influence on modern visual culture. Every time a digital shape appears smooth on a screen, there is a strong probability that Bézier mathematics is operating beneath the surface.
Last Updated on 2 weeks ago by pinc