Lab / 03 · Hero 01

Liquid Field

A pool of liquid chrome with the headline suspended beneath its surface.

Motion
A domain-warped height field rolls like mercury under a studio light rig. The headline is laid out in the DOM, painted into a texture and refracted through the surface with per-channel dispersion, so every wave bends the type and splits it into a thin-film spectrum.
Demo brand
AURA, fictional

Interaction

  • Pointer presses a dimple into the surface; its lag behind the cursor carves a wake
  • Velocity stretches the wake and sharpens the refraction
  • Click drops a stone: ring waves travel through the type
  • Scroll drains the pool: refraction deepens and the copy sinks
  • WebGL2 two-pass shader
  • Half-res float height field
  • Analytic interaction terms
  • DOM → texture typography
  • Loop-safe crossfaded noise
Watch the 10s filmAll heroes