Rainy Notes
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.
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.
Try Websites AgentBuild 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 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 Websites AgentBuild 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 Websites AgentBuild 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 Websites AgentBuild 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.
Seasonal picks and dual-angle model shots in a restrained fashion storefront built around two product lines.
Four rooms each facing their own mountain, one open-air stone bath: a quiet onsen inn in the mist.