Sandbox - Signed distance field rendering

Signed distance field:

Source texture:

Options adjusting the context of the visualization.

Real-time effects applied to the SDF texture rendering.

Signed Distance Field text rendering sandbox

Coded by Ruben Moreno
GitHub | Bluesky | Twitter

Based on the Improved Alpha-Tested Magnification for Vector Textures and Special Effects paper by Chris Green from Valve.

Shape 2D distance functions created by Íñigo Quílez.

Web-safe font families curated by Dan Klammer.