像素炼金
Published

Halftone Dots

Published 2/14/2026

Recreating a Print Classic

Halftone printing dates back to the 19th century — a clever trick to simulate continuous tone using discrete ink dots. This demo recreates that aesthetic in real-time using WebGL fragment shaders.

The Shader Logic

For each pixel, the fragment shader samples the source image luminance, maps it to a dot radius, then tests whether the current fragment falls inside that dot. The result is crisp, resolution-independent halftone that responds instantly to parameter changes — something impossible with traditional print.