A tiny demo that combines Astro and Three.js to render an animated Bayer-dither shader in the background.
Four pages are prerendered from one template, each with its own mask geometry, pixel tint, and background colour.
Click anywhere to spawn ripples 🌊.
git clone https://github.com/zavalit/bayer-dithering-webgl-demo.git
cd bayer-dithering-webgl-demo
pnpm install
pnpm dev # http://localhost:4321