⭐️ Realtime Euclidean distance field generation and rendering
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
bin
screenshots
sdf
source
.gitignore
.gitmodules
.travis.yml
DistanceFieldGeneratorDemo.hxml
DistanceFieldGeneratorDemo.hxproj
LICENSE
README.md
debug.hxml
release.hxml

README.md

Project logo

Build Status

Fast Euclidean distance field generation and rendering demo with three.js.

Try it in your browser. Type something. Hit backspace or delete to remove letters. Mousewheel to zoom.

Features

  • Calculates distance fields in realtime on the GPU.

How It Works

Refer to the generator code, shaders and readme.

Screenshots

Realtime distance field generation from canvas text (Nvidia GTX960):

Screenshot

Anti-aliased input (128x128):

Screenshot

Output rendered at (~700x700):

Screenshot

Notes

License

The distance field shaders are in the public domain. The rest is MIT licensed, unless noted otherwise.