TITLE: PETRICHOR — rain on a night window
PROMPT: Design 'PETRICHOR', rain on a night window: the fullscreen page IS the glass — droplets condense, merge, and run down leaving clear streaks (canvas droplet sim with refraction brightening), while a blurred city bokeh glows behind (amber, rose, teal orbs), occasional far lightning silhouettes rooftops, and a quiet thunder rolls after a believable delay. A scene of cozy interior warmth against the storm. Interactions: wiping with the pointer clears fog and streaks (fog slowly re-condenses); tap the glass to startle droplets; a storm intensity slider scales rain, wind lean, and thunder frequency; optional rain audio (WebAudio filtered noise, gesture-gated, mutable); lightning flashes light the whole room briefly. Melancholy-beautiful, sensory.
DESCRIPTION: The page is the window: behind the glass, a night city of twinkling bokeh orbs (sodium amber, neon rose, cool sign blue) above rooftop silhouettes, deliberately soft as if seen through wet glass. On the glass layer, condensation droplets grow, spark with lens highlights, break loose and run down leaving faint clearing trails while diagonal rain streaks fall at storm-scaled density. Lightning flashes with believable double-strike timing and distance-attenuated thunder that rolls in 0.4–2.6 seconds later; a storm slider runs from drizzle to deluge; wiping the glass with the pointer squeegees droplets and cuts vertical clear streaks; the rain audio is a bandpass-filtered noise bed whose volume follows the storm.
TECHNIQUES: dual-canvas compositing (city bokeh with radial-gradient orbs and twinkle; droplet layer with radial-gradient lenses and specular sparks), droplet state machine (grow → breakaway → gravity run with sinusoidal drift and clearing-trail strokes), distance-attenuated lightning with flash overlay and delayed lowpassed noise thunder, pointer squeegee via destination-out compositing, WebAudio bandpass rain bed tied to storm intensity.
INTERACTION: Drag across the glass to wipe it clear (fog slowly returns); drag the storm slider from drizzle to deluge; toggle rain audio and thunder; watch for lightning and count the seconds until the thunder.