dither flow

A 1-bit dithered flow field for the web — cursor-stirred ink, curl-noise advection, Bayer ordered dithering. Raw WebGL2, zero dependencies.

LANG TypeScriptHOSTED ON CALEBLEMOS.GITHUB.IOUPDATED 19 Aug 2026

• #1-bit
• #bayer
• #creative-coding
• #curl-noise
• #dithering
• #flow-field
• #ordered-dithering
• #shaders
• #webgl
• #webgl2

More like this

• drift Drift — 65,536 particles riding a curl-noise flow field on your GPU. Drag to spin vortices. WebGL2 GPGPU, no server, one file.
• driftfield A GPU particle cloud in a curl-noise flow field with a fake depth of field. Every parameter is live.
• inkfall A GPU fluid simulation in the browser. Move the pointer and ink blooms through water in plumes and filaments. One self-contained HTML page, no…
• allanhert portfolio Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
• shaderflow Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
• crt screen A custom element that renders any content inside a CRT - aperture grille, shadow mask and dot matrix shaders over live, interactive DOM rather than a…