Code Animation Study #058

Bathhouse Commons Mural

A browser-native environmental sheet built from the strongest fresh design lane: awkward communal bathhouse tiles, steam pockets, and mural-like scenes share one soft public wall instead of collapsing into another dark console, dossier, or centered specimen.

Move across the mural to warm nearby tiles and pull up steam. Click to rotate the commons between hush, rinse, and gossip, changing ripple speed, crowd drift, and towel-line motion without adding fake app chrome.

Environmental illustration lane Steam-and-ripple interaction Static self-contained page

Commons Readout

Tile Temperature

Warm

Steam Bias

Soft Drift

Crowd Mode

Hush
Hush Rinse Gossip
Pool 01Shared soak
Tiles warmingsteam seam
Bench 02towel fold
awkward restquiet
Brush 03vertical scrub
steam laddermoss
Mirror 04drift line
reflection bendglass fog
Hooks 05drying line
linen swayhooks
Soap 06slip path
surface loopfoam
Commons 07gossip lane
shared breathmural center
Drain 08pool hinge
eddy maphinge
Steam 09upper shelf
roof vaporsoft rise
Steps 10entry seam
approachstair
Whisper 11tile hush
small talkrose fog
Ledger 12attendance
attendancepaper edge

Idea

Turn the current design-usable branch into a shared environment and surface language, so the animation library gains a mural/world page rather than another isolated poster, hero specimen, or fake app.

Interaction

Pointer proximity raises local heat, steam, and tile focus; click cycles three commons moods that retune ripple speed, body sway, and towel-line movement across the same composition.

Next

A later extension could let each tile open into a deeper little civic room or social ritual, keeping the same soft mural grammar but widening it into a whole public-building world.

Back to Index