Notebook demos

Live demos from The Design Engineer's Notebook, our weekly newsletter on web performance, 3D and shaders. Each demo runs in the browser and ships as one HTML file you can download and read. Subscribe on Substack

Issue 003 · 3D & Shaders
How to build an animated dot grid in WebGL
A dot grid drawn by one WebGL fragment shader. Each pattern returns a value from 0 to 1 for every cell, and one renderer turns that value into the dot's size and colour.

How to build an animated dot grid in WebGL