The assets confirm the thesis: you never drew a mascot, you drew five metabolisms wearing the same soul — startled storm, smug snow, unfbothered rain, golden idle, leaned wind. v1 seats all five PNGs inside the displacement wrapper, crossfades them like your funnel does, and borrows the golden body for night under moonlight (hue-shifted, dimmed — honest, the way is_day was honest). No logo anywhere. On purpose.
The faces already carry the emotion; the engine carries the body language. Amplitude, tempo, stillness, squish — the PNGs just make the internal weather visible from the outside.
De-synced periods, asymmetric attack/release, 4–12s holds. The stormy asset even ships baked-in shiver lines — the jitter channel now agrees with the artwork instead of fighting it.
A logo would make it a product; anonymity makes it a weather spirit. The experience is the brand. This page seats that decision into the footer and never asks again.
Status tags are honest. “Seated” means running in the stage above right now.
Parameter crossfade (~1.4s) plus a two-layer opacity crossfade for the bodies — the dip-swap-fade funnel from your weather page, upgraded to never cut. Sky dissolves via registered @property colors at the same tempo.
Character drift, rain shear, snow wobble, gust streaks and halo parallax all sample the same seeded fbm. A gust visibly passes through everything at once — most of “alive” is that single trick.
The snowy asset arrives half-asleep; the engine now agrees. During holds, amplitude eases to zero and the halo dims a touch while weather keeps falling around a creature doing absolutely nothing. Idle ≠ broken.
Long-press the logo-that-isn’t-a-logo → scope + channel readout slide in. Additive, never required, accessibility intact. Stays a sketch until the weather page wants it.
State flips earn exactly one muttered line in the subtitle strip; taps stay conversational. The difference between ambient and chat is one sentence of restraint.
Proven live above: feTurbulence + feDisplacementMap sits on the wrapper, so all five assets warp, breathe and settle with zero per-image authoring. Missing file? A drawn placeholder steps in via onerror — the page never breaks.
| State | X ±px | Y ±px | θ ±° | Tempo | Stillness | Squish px | Atmosphere |
|---|---|---|---|---|---|---|---|
| clear | 7 | 6 | 2.2 | 0.85× | medium | 2.8 | dust motes |
| rainy | 6 | 4.5 | 1.8 | 0.80× | medium | 3.2 | sheared rain |
| snowy | 5 | 6 | 1.4 | 0.50× | heavy | 2.6 | noise-driven snow |
| stormy | 11 | 9 | 3.6 | 1.50× | rare | 5.5 | rain + lightning |
| windy | 13 | 5 | 3.0 | 1.15× | low | 3.4 | gust streaks |
| night | 5 | 4 | 1.6 | 0.62× | heavy | 2.2 | twinkling stars |
Channel periods de-synchronized by design — X ≈ 8.7s · Y ≈ 12.1s · θ ≈ 10.5s · S ≈ 17.4s — no composite loop for minutes.
clear / rainy / snowy / stormy / windy → your five PNGs, referenced by filename in one ASSET_FILES map at the top of the script. Rename there if your filenames differ; nothing else moves.brightness(.64) · hue-rotate(168°) — moonlight, not a seventh drawing. Same honesty as is_day driving night in the weather page.onerror → a drawn placeholder ghost seats itself in that layer. The stage degrades gracefully, never blank.