Your Browser Doesn't Support HTML5's Canvas.

Shaders

Visualization of distance field generated from the input texture.

Distance-field rendered with anisotropic analytic anti-aliasing. More about it can be read here.

Distance-field rendered for paper-like appearance, using simplex noise.

About

This page generates paper-like images, created in the course TNM084 Procedural imaging at Linköping University.

Stefan Gustavsson's implementation of GPU jump flooding algorithm for Euclidean distance transform ported to WebGL was used for generating a distance-field.

Made by Emil Riseby.