Bayer Dithering

Ordered dithering algorithm rendered on a canvas in real time.

An ordered dithering algorithm using a 4×4 Bayer Matrix. This process creates a deterministic, structured pattern that simulates gradients using binary states.

The threshold matrix is applied per-pixel against the luminance value of the source image. The result is a high-contrast halftone-like render with no randomness — purely mathematical.