Bitmask Dither Shader

This WebGL shader renders 5×5 glyphs into a dithered style pattern derived from a video texture. The video is sampled on a quantized grid to produce a pixelated effect. Then each grid cells luminance is converted into a numeric value, which is then mapped to a bitmask that defines the glyph pattern.

Using dat.gui you can select from a few presets, change from color to hue based monochrome and even the size of the grid and glyphs.

Also you can check out this version that uses a webcam as video input if available. You will need to give the browser permission to use the camera, or it will default to a video.