Grain Field
Soft gradients seen through fine grain, leaning toward your cursor at different depths. It runs the hero of this website.
Technology
- WebGL
- GLSL
- TypeScript
Four gradients drift on a white field. Each one is pulled toward the pointer by a different amount, so moving the mouse reads as depth.
The colour is rendered through a stipple: dots are denser where a gradient is stronger, with a light film grain on top. One fragment shader, no libraries.
With reduced motion on, it renders a single still frame.
More from the Venture Lab
All experimentsInteractive
Field Lines
Live
Contour lines of a drifting field that bend around your cursor and recover.
Typography
Variable Weight
Live
Type that gets heavier the closer you get. A small study in variable fonts and proximity.
Generative
Grid Pulse
Live
The twelve-column grid of this site, played as an instrument. Click anywhere to send a pulse.