Creative

Loading scene

Stable Fluids

Moving the pointer pushes a rope of saturated red ink into a fluid on a black stage. The current curls it into vortices, shears it apart and wraps it around the screen edges before it fades. STABLE FLUIDS sits in the same red at dead centre, so the type reads through its own ink.

Category
Creative
Medium
WebGL
Built with
three.jsGLSLping-pong WebGLRenderTargets (7 × 512²)GlScene / GlFrameCSS Modules + container queries
Controls
  • Move the pointer across the stage to inject ink.
  • Arrow keys steer the ink from the keyboard.
  • Drag with a finger for the same effect on touch.

Also inAll work