Shaders

Interactive rendering studies exploring real-time shader techniques for games.

Bayer Dither

An ordered dithering study using a 4x4 Bayer matrix to reduce the source image into stepped color bands.

Dither Scale: 4 Contrast: 1

Image: Vincent van Gogh, public domain. Source: Wikimedia Commons.

A CMYK print-screen simulation that rebuilds the image from rotated cyan, magenta, yellow, and black dot patterns.

Cell Size: 8 Screen Angle: 45

Image: Katsushika Hokusai, public domain. Source: Wikimedia Commons.

An engraving-inspired shader that turns image tone into layered linework with adjustable density and pattern strength.

Line Density: 240 Engrave Opacity: 0.88

Image: Johannes Vermeer, public domain. Source: Wikimedia Commons.

A stained-glass mosaic that cuts the source image into jittered glass pieces with adjustable cell size and lead-strip thickness.

Cell Size: 16 Lead Width: 1

Image: Paul Cézanne, public domain. Source: Wikimedia Commons.