A Primer on Bézier Curves – So What Makes a Bézier Curve?

· design · Source ↗

TLDR

  • Comprehensive interactive reference covering Bézier curve math, construction via linear interpolation, and practical operations like intersections, bounding boxes, and extrusion.

Key Takeaways

  • Bézier curves are built from iterated linear interpolation (de Casteljau’s algorithm), equivalent to evaluating Bernstein polynomials.
  • Covers practical ops needed in CAD/CAM and vector graphics: bounding boxes, intersections, arc length, curve fitting, normals, and boolean shape operations.
  • All graphics are interactive SVG; site is fully readable with JS disabled, which is explicitly designed in.
  • Example code is intentional pseudo-code, not copy-pasteable, to force active learning across JS, Python, or any procedural language.
  • Open source on GitHub (pomax/BezierInfo-2); backed by Bezier.js and XeLaTeX-rendered math formulas.

Hacker News Comment Review

  • Commenters treat this as a canonical reference, not new content; the recurring appearance on HN reflects its role as a go-to evergreen resource for CG topics.
  • Freya Holmér’s YouTube video “The Beauty of Bézier Curves” was flagged as a strong visual complement for those who prefer video over the written primer.

Notable Comments

  • @jedimastert: Recommends Freya Holmér’s YouTube video as potentially “one of the best educational videos on YouTube” on the topic.
  • @tsylba: Notes CG primers like this cycle on HN repeatedly; proposed building primersprimer.graphics to catalog them.

Original | Discuss on HN