KQ-402 · SOAP/FILM
Soap Film
A soap film stretched over the interface: thin-film interference colours drift across the page as the film's thickness flows, and the pointer thins it where it pushes. The colour is computed from the simulated thickness, so it has the true rainbow order of a real film.
KQ-402 · SOAP/FILM
Basinworks · the reservoir board
Three gates, one steady head.
The morning read on the basin, under a film thin enough to shimmer with whatever light finds it. Move the cursor across the board and watch the film thin out ahead of it.
Elevation
402.6 m402.6 mInflow
18 m3/s18 m3/sStorage
88.2%88.2%| Gate | Head | State |
|---|---|---|
| G1 | 3.2 m | open |
| G2 | 2.8 m | holding |
| G3 | 4.1 m | closed |
thin as a film
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/soap-film
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| strength / flow / speed | number | — | How strong the colour is, how much the thickness varies, and how fast it drifts. |
| push / radius | number | — | How much the pointer thins the film and how wide. |