Projects · Interactive graphic

Inkfall

Control without a mouse: your hand in front of the camera, and your voice.

Inkfall shows water with ink blooming through it. Every frame the GPU solves the equations of fluid motion again, and there is no pre-made video. The ink is carried by the flow, the flow curls into vortices, heavy ink sinks and light ink rises.

Inkfall, interactive graphic

How it works

01

Six modes

Ink, silk, smoke, oil, watercolour and pollen. Each changes several properties of the fluid at once, from heavy oil to light smoke.

02

Hand control

Gestures in front of the camera: a pinch paints, an open palm stirs the water, a held fist clears it. The camera image is processed on the device and never uploaded.

03

Voice and music

With the microphone on, sound drives the brush: the louder it gets, the faster it moves and the more ink it lays.

04

Photo and video

A still is saved as PNG and video is recorded at up to 4K. The interface never appears in the recording.

05

One file

The whole piece is a single HTML page with no build step and no framework. There is nothing to install.

Built with: WebGL2 · GLSL · MediaPipe · Web Audio

We can build something similar

Websites and interactive work →

Tell us about your task and we will suggest a solution.

Message us on Telegram ↗︎

Other projects

What else we have built.

Surf Web serviceEyeball Browser gameArgyns iOS and Android appFitTimer Mobile appPoster 2.0 AutomationPodcast Bot Telegram bot