Study materials · photonresources.comClasses with our teachers · Photon AcademyFor IB Diploma students worldwide

Maths IA · Geometry and trigonometry · topic 61 of 97

Fonts and logos: how do Bézier curves work? · IB Maths IA idea: guide, sample graph and step-by-step plan

four points, one curve

The letters on this page are made of curves, and each curve is stored as just three or four points. You're going to find out how four points make a smooth curve.

Difficulty●●○ Medium
KitFree vector software (such as Inkscape) or Desmos, a spreadsheet, your GDC
TimeAbout 13 to 16 hours
FitsAA SL2 of 3AA HL3 of 3AI SL2 of 3AI HL3 of 3
  • ✓ you like design, lettering or logos
  • ✓ you enjoy building a curve from a handful of numbers
  • ✓ you want a topic where polynomials, vectors and error all meet

The big idea

A cubic Bézier curve is built from four control points. The curve starts at the first, ends at the last, and is only pulled towards the two in the middle. Mix the points step by step and you get de Casteljau's construction; multiply it out and each coordinate is a cubic polynomial in t whose weights come from the binomial theorem. The control points are the whole design: the first and last tangents point along the control polygon, and two curves join smoothly when their tangents line up. The test of the model is a shape you know exactly. How well can a few cubics draw a circle? Measure the error, choose the control points to shrink it, and say what 'good enough' means for a screen or for a printer.

Make it yours: pick one twist

Copying a classic won't show your choices. Pick one of these (or invent your own) and your IA becomes yours.

Swipe for more twists →

Derive the curve two ways

Build a point with three rounds of mixing, then expand the result as a cubic in t with binomial weights. Show both agree.

→ Two routes to one formula, each checked. The binomial link is a proof, not a lookup.
Draw a circle with cubics

Place the middle control points so a cubic is a quarter circle. Measure how far it strays from the true circle.

→ An optimisation with an error you can state as a percentage. Compare two choices of control distance.
Join curves smoothly

Join two cubics so the join has no corner, then no jump in curvature, and say which one the eye can see.

→ Derivatives of a parametric curve decide the design. HL: justify each condition.
Measure the length

Find the arc length of a curve numerically and compare it with a chord-sum estimate.

→ A numerical-integration question: how many pieces are enough for a stated accuracy?
Trace a real letter

Fit control points to a letter or simple logo shape you drew yourself, then measure the gap between curve and outline.

→ A fitting problem with your own data and a clear error measure.
Fewer points, same look

Replace a cubic by a quadratic one (three points) and compare what shapes each can make.

→ A change in degree, and a reason fonts use both kinds.

Your Maths IA research question: run the check

which shape? which error?

Write your own question first. Then make sure it ticks every box:

  • Names the curve type (quadratic or cubic) and the shape you will draw or test it on.
  • Says what you will measure: tangent direction, arc length or the distance from an exact shape.
  • Says how you will judge success: an error in percent of the size, with the points you sample at.
  • Explains which results you derive yourself and which come from software.
  • States what you leave out: stroke width, curvature continuity or three-dimensional curves.
Stuck on your question?Get an RQ Check: each question is scored on 5 points, with what to fix. Your first one is free.
Get an RQ Check

The model

Four control points and the control polygon between them. Draw your own curve and mark the point you build for one value of t.

P0P1P2P3B(t)four points in, one curve out: B(t), 0 ≤ t ≤ 1the curve is pulled towards P₁ and P₂......but only P₀ and P₃ are on itthe start tangentpoints at P₁mixing three timesgives this point (t = 0.4)

How your Maths IA could be laid out

The usual order for a topic like this, what each part needs to show, and roughly how much of your 12 to 20 pages it takes. The words are all yours.

Aim and context~1 page
Where Bézier curves are used, which shape you will draw and what you expect before calculating.
Building the curve~2 pages
Mixing the points step by step, then the cubic in t with every symbol defined.
Binomial weights~1.5 pages
Why the weights are binomial, proved for the cubic, and what they sum to.
Tangents and joins~2 pages
Derivatives at the ends, the join condition and one worked join with numbers.
Testing on a circle~3 pages
The control distance, the distance from the circle as a function of angle and the largest error.
Length or a real shape~2 pages
Arc length by numerical integration, or a letter fitted to control points, with a measured gap.
Conclusion~1 page
Back to your aim: how few points are enough, with the error as a number.
Evaluation~2 pages, the biggest part!
Errors you measured at a few points only, rounding in software, what a real font editor also needs. Say which limit matters most.
Bibliographynot counted
Where every formula, tool and shape came from.

What your Maths IA graph could look like

label the end values!

A made-up curve to show the form of a strong graph, not the answer: each coordinate of a cubic Bézier curve against t, with points you read off a traced outline. Yours will look different. example only

0.00.20.40.60.81.0020406080100Parameter t (no unit)Height y / font unitsmodel: y(t) from the control pointscontrol heights y0 to y3 (ends only)points read from your outline (made-up)the curve never reachesthe middle control heightsILLUSTRATIVE · MADE-UP DATA
  • A coordinate against t shows the cubic itself. The picture in the plane is a second graph.
  • Axis labels give units, even if the unit is only 'font units'.
  • Mark the two end heights: they are the only control values the curve actually reaches.
  • Plot points read from a real outline as dots. A gap between dots and curve is evidence, and a number for it belongs in your text.
  • Another graph to consider: the distance from an exact circle against the angle.

The maths in action

worked through, not sketched!

The graph above was a sketch with made-up numbers. This figure works the idea through from the model itself, so you can see what a finished figure looks like. The source line under it says where every number comes from.

Left: a curve pulled towards a dashed control polygon, with the construction of one point. Right: three error curves against angle; the one for k about 0.5523 stays between 0 and 0.027 percent.
(a) A cubic Bézier curve, its control polygon and the three rounds of mixing that give the point at t = 0.4. (b) Distance of the four-arc circle from the true circle against angle: with k = 0.5523 the largest error is 0.027% of the radius, always outside the circle.Source: Computed from the model (no measured data).

Your game plan

Tick steps off as you go. We'll remember on this device.

0 of 10 done

  1. Read and predictFind out what a control point does. Before calculating, guess where the curve goes if you drag P₁ far away.
  2. Pick the shapeChoose a circle, a letter or a simple logo you drew yourself, so you have an exact or measurable target.
  3. Build the curve by mixingDo the three rounds of mixing for one value of t on paper, then check the point in software.
  4. Trial run (1 lesson)Write x(t) and y(t) as cubics and plot them. Check the end points and the end tangents against your drawing before going on.
  5. Prove the weightsShow the four weights come from expanding (1 − t + t)³ and that they add to 1 for every t.
  6. Add tangents and a joinDifferentiate, find the direction at each end and build a smooth join between two curves.
  7. Test against the targetMeasure the gap between curve and target at many points. Report the largest gap as a percentage of the size.
  8. Go further, with a reasonOptimise the control distance to shrink the error, or find arc length numerically. HL: justify the method and its accuracy.
  9. Reflect as you goAfter every result, write one line on what it means for a designer and what it assumes. These lines become your evaluation.
  10. Cut, check, then sendCheck every symbol is defined once, every graph has labelled axes and the conclusion answers your aim. Then send your teacher one draft.

The maths you'll use

  • Binomial expansion – Expand to get the four weights and show they sum to 1.
  • Parametric differentiation – Differentiate and to find the tangent at each end, and , and the join condition.
  • Vectors – Write each point as a weighted sum of the control point vectors; test collinearity of tangents at a join.
  • Solving for a parameter – Require the mid-point to lie on the unit circle and solve for the control distance .
  • Error and numerical methods – Measure the radial error at many angles; estimate arc length with the trapezoidal rule or Simpson's rule.

Key equations

Syllabus links

  • 1.9Binomial theorem
  • 2.6Quadratic functions
  • 3.4Radians, arc length and sector area
  • 5.3Differentiating powers of x
  • 5.5Integration as anti-differentiation; areas
  • 3.12Vectors: position, displacement, componentsHL
  • 3.13Scalar product and angles between vectorsHL

Read up first

Data and sources to start from

Control points you choose, and points read from an outline you drew or an open-licence font glyph, compared with the curve at sample values of t.

References to cite

  1. Farin, G. (2002). Curves and surfaces for CAGD: A practical guide (5th ed.). Morgan Kaufmann.
  2. Mortenson, M. E. (2006). Geometric modeling (3rd ed.). Industrial Press.

Cite what you actually use, in your own format, and say where each number came from.

Traps to avoid in this Maths IA

control points are not on the curve
  • Saying the curve passes through all four control points. Only the first and last are on it.
  • Reading a curve's tangent from the picture instead of differentiating x(t) and y(t).
  • Treating the dashed control polygon as part of the answer. It is the instructions, not the curve.
  • Claiming a circle is 'exactly' drawn by cubics. State the error and how you measured it.
  • Using a software arc-length figure with no check against an estimate of your own.
  • Measuring the gap at the join points only, where the error is smallest.

More Maths IA ideas like this

Make sure it's yours

This guide shows how a topic like this is usually approached. It is not an IA. Your question, choices, data, analysis and words must be your own: change something, tell your teacher where the idea came from, and follow your school's rules on outside help.

Get your RQ checked · first one free