Experiment 01 · October 2026
Living logo
The logo is a vessel. A simulation computes, in real time, ink trapped inside its letters: as it fills them, the word appears.
Move your mouse over the letters, or drag your finger, to stir the ink.
The idea
The logo isn’t drawn anywhere on screen: its outline is the fluid’s wall. Ink can only exist inside the letters, bounces off their edges and flows from one letter to the next through the thin bridges that join them.
On load, four brush strokes sweep across the word and fill it. After that, a few drops stir it every now and then: the logo never stands still.
How it works
The simulation solves the Navier-Stokes equations for an incompressible fluid, right on the graphics card: velocity and ink are carried along, swirls are kept alive, then 28 passes solve the pressure, every frame. At the edges of the letters, the flow can’t cross the wall.
Only the logo’s rectangle is computed: a 512 × 138 grid for velocity, a 1536-pixel texture for the ink. The wall comes from the same vector path as the logo in the header.
The method is Jos Stam’s “Stable Fluids” (1999), made popular on the web by Pavel Dobryakov’s WebGL simulation.
- Rendering
- Three.js, WebGL 2
- Simulation
- Navier-Stokes on the GPU
- Grid
- 512 × 138, shaped like the logo