Skip to content

Tools · Particles and FX · Palette and pixels

Dither Patterns

Bayer, blue noise, white noise, checker and hatching as small grey PNGs, ready for shaders.

You need a Bayer or blue-noise threshold texture for ordered dithering in your own shader.

Open standalone ↗

This version

Synced 2026-09-22 from commit dd1d6cc.

  • ·@font-face for the site's self-hosted Inter and Cormorant Garamond (/fonts), silent fallback offline
  • ·Input.sample from assets/

Threshold textures for ordered dithering. Pick a pattern and a size, download a square grey PNG with one texel per cell. It tiles.

Bayer is the classic crosshatch, computed exactly for any power of two. Blue noise is made with the void-and-cluster method on the CPU, so it is capped at 64 by 64; it takes about a tenth of a second. White noise, checker and hatching are there for comparison and for effects that want them.

Load the result into the light sprite or particle tools as a custom dither, or sample it in your own shader.