Skip to content
0:00 / 0:00

#beziercurves#fontrendering#truetype

Coding Adventure: Rendering Text

Sebastian Lague

1.4M subscribers • 11 videos on Hallway

YouTube

Intermediate. Assumes working knowledge.

1.2M views2 years ago1 recommendation

Graphics and audioComputer scienceRenderingAlgorithmsMath for programmers

Sebastian Lague explains how to render text from scratch, covering font directories, Bézier curves, and GPU vector textures.

This... is text! Let's figure out how to draw it. Starring: Bézier curves and (oh so many) floating point problems. Support my work (and get early access to new videos and source code) on Patreon or Nebula * Patreon: patreon.com/SebastianLague * Nebula: go.nebula.tv/sebastianlague Source code: * GitHub: github.com/SebLague/Text-Rendering Credits and References: * Fonts and music: github.com/SebLague/Misc-Project-Info/blob/main/Coding-Adven… * developer.apple.com/fonts/TrueType-Reference-Manual/ * microsoft.com/en-us/research/wp-content/uploads/2005/01/p100… * wdobbie.com/post/gpu-text-rendering-with-vector-textures/ Chapters Intro The Font Directory Loading Simple Glyphs Bézier Basics The Character Map Implied Points Compound Glyphs Size and Spacing Rendering Glyphs with Lots of Triangles Optimized Curve Rendering (Loop-Blinn) A Brief Look at SDF Rendering The Counting Method Ray-Bézier Intersections Point in Glyph Test Shader Time Floating Point Problems The Evil Artifact Detector The Closest Curve Method Curve Splitting Defeating the Evil Artifacts Anti-Aliasing Performance and Legibility The Counting Method Returns Outro

Why it's here

1 person recommends this

What people say. Recommended as an exceptionally clear and engaging deep dive into the complexities of font rendering and Bézier curves.

mikejsavageon Lobsters • Recommends

Coding Adventure: Rendering Text