Rainy Notes
Raindrops of random size, speed and path slide down the glass, merging as they meet; the mouse wipes mist aside to reveal handwritten notes, and fog gathers back.
A shader-rendered rainy window: drops slide down dark glass and merge, and you wipe the mist away with the mouse to read the notes written behind it.
Adds a writing mode on top of wiping: visitors can write or doodle directly on the fogged glass with the mouse, and the strokes are slowly covered again as new mist gathers.
Try Kimi BuildBuild an atmospheric page that turns the screen into a rain-covered window. Against a dark background, water drops of random size, speed, and path slide down the glass, merging into one another when they meet, like real rain on a cold evening. The glass carries a thin layer of mist, and behind the mist there are short handwritten notes, arranged as a few quiet sections down the page. When the visitor moves the mouse across the window, it wipes the mist away like a finger on real glass, revealing the note text behind it; after a while the wiped area slowly fogs over again, so the window feels alive and the notes keep sinking back behind the weather. Provide simple controls to adjust the density of the raindrops and the strength of the water trails they leave, so the mood can range from a light drizzle to a heavy downpour. Keep the palette dark and quiet, with the glow of the notes coming through the cleared patches. Single-file static page.
Adds a thunderstorm mode: every so often a lightning flash illuminates the whole window and the silhouettes beyond it, while the sound of rain swells and then settles again.
Try Kimi BuildBuild an atmospheric page that turns the screen into a rain-covered window. Against a dark background, water drops of random size, speed, and path slide down the glass, merging into one another when they meet, like real rain on a cold evening. The glass carries a thin layer of mist, and behind the mist there are short handwritten notes, arranged as a few quiet sections down the page. When the visitor moves the mouse across the window, it wipes the mist away like a finger on real glass, revealing the note text behind it; after a while the wiped area slowly fogs over again, so the window feels alive and the notes keep sinking back behind the weather. Provide simple controls to adjust the density of the raindrops and the strength of the water trails they leave, so the mood can range from a light drizzle to a heavy downpour. Keep the palette dark and quiet, with the glow of the notes coming through the cleared patches. Single-file static page.
Turns the rain into falling snow and the mist into frost: flakes drift down the glass and settle, and the visitor wipes through frost instead of fog to reach the notes behind.
Try Kimi BuildBuild an atmospheric page that turns the screen into a rain-covered window. Against a dark background, water drops of random size, speed, and path slide down the glass, merging into one another when they meet, like real rain on a cold evening. The glass carries a thin layer of mist, and behind the mist there are short handwritten notes, arranged as a few quiet sections down the page. When the visitor moves the mouse across the window, it wipes the mist away like a finger on real glass, revealing the note text behind it; after a while the wiped area slowly fogs over again, so the window feels alive and the notes keep sinking back behind the weather. Provide simple controls to adjust the density of the raindrops and the strength of the water trails they leave, so the mood can range from a light drizzle to a heavy downpour. Keep the palette dark and quiet, with the glow of the notes coming through the cleared patches. Single-file static page.
Arrow keys dodge, Z shoots, Shift slows movement and shows the focus hitbox, X fires a bomb; near misses charge a graze burst. Build yours from the same prompt.
Three aces fight in rainy neon skies, most hits wins: mouse steers, plasma fire on hold, Shift boosts until overheating, and a hit kills systems for two seconds.