ASCII Shader

Creating an ASCII effect over live video using a WebGL fragment shader.


Neil Pullman


Fragment Shaders

Recreating an old effect using newer technology, the concept of using ASCII characters as pixels in a video hails from the days of Flash. This time around we are using WebGL and the power of fragment shaders, with a fresh addition of using a sprite sheet as a reference to replace different pixel brightness values. Imagine using emojis instead of alpha-numeric characters, or completely custom or bespoke shapes – even dynamically generated shapes based on different conditions.

Enable your webcam to experience an effect from yesteryear.