Skip to content
Venture LabInteractiveLive2026

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.