Regennotizen

Ein per Shader gerendertes Regenfenster: Tropfen gleiten über dunkles Glas und verschmelzen, und mit der Maus wischst du den Nebel weg, um die dahinter geschriebenen Notizen zu lesen.

Loading preview...
Mit diesem Prompt starten

Ein per Shader gerendertes Regenfenster: Tropfen gleiten über dunkles Glas und verschmelzen, und mit der Maus wischst du den Nebel weg, um die dahinter geschriebenen Notizen zu lesen.

Websites Agent ausprobieren
Erstelle eine stimmungsvolle Seite, die den Bildschirm in ein regennasses Fenster verwandelt. Vor dunklem Hintergrund gleiten Wassertropfen in zufälliger Größe, Geschwindigkeit und Bahn über das Glas und verschmelzen miteinander, wenn sie sich treffen – wie echter Regen an einem kalten Abend. Auf dem Glas liegt eine dünne Nebelschicht, dahinter stehen kurze handgeschriebene Notizen, die sich in einigen ruhigen Abschnitten über die Seite verteilen. Bewegt der Besucher die Maus über das Fenster, wischt sie den Nebel weg wie ein Finger auf echtem Glas und legt den Notiztext dahinter frei. Nach einer Weile beschlägt die freigewischte Stelle langsam wieder, sodass das Fenster lebendig wirkt und die Notizen immer wieder hinter dem Wetter verschwinden. Biete einfache Regler, um die Dichte der Regentropfen und die Stärke der von ihnen hinterlassenen Wasserspuren anzupassen, sodass die Stimmung von leichtem Nieselregen bis zu starkem Platzregen reichen kann. Halte die Farbpalette dunkel und ruhig, während der Schein der Notizen durch die freigewischten Stellen dringt. Statische Einzelseiten-Datei.
Schreibmodus hinzufügen

Fügt zusätzlich zum Wischen einen Schreibmodus hinzu: Besucher können mit der Maus direkt auf das beschlagene Glas schreiben oder zeichnen, und die Striche werden langsam wieder verdeckt, während sich neuer Nebel bildet.

Websites Agent ausprobieren
Erstelle eine stimmungsvolle Seite, die den Bildschirm in ein regennasses Fenster verwandelt. Vor dunklem Hintergrund gleiten Wassertropfen in zufälliger Größe, Geschwindigkeit und Bahn über das Glas und verschmelzen miteinander, wenn sie sich treffen – wie echter Regen an einem kalten Abend. Auf dem Glas liegt eine dünne Nebelschicht, dahinter stehen kurze handgeschriebene Notizen, die sich in einigen ruhigen Abschnitten über die Seite verteilen. Bewegt der Besucher die Maus über das Fenster, wischt sie den Nebel weg wie ein Finger auf echtem Glas und legt den Notiztext dahinter frei. Nach einer Weile beschlägt die freigewischte Stelle langsam wieder, sodass das Fenster lebendig wirkt und die Notizen immer wieder hinter dem Wetter verschwinden. Biete einfache Regler, um die Dichte der Regentropfen und die Stärke der von ihnen hinterlassenen Wasserspuren anzupassen, sodass die Stimmung von leichtem Nieselregen bis zu starkem Platzregen reichen kann. Halte die Farbpalette dunkel und ruhig, während der Schein der Notizen durch die freigewischten Stellen dringt. Statische Einzelseiten-Datei.
Gewittermodus hinzufügen

Fügt einen Gewittermodus hinzu: Gelegentlich erhellt ein Blitz das ganze Fenster und die Silhouetten dahinter, während das Regengeräusch anschwillt und dann wieder abklingt.

Websites Agent ausprobieren
Erstelle eine stimmungsvolle Seite, die den Bildschirm in ein regennasses Fenster verwandelt. Vor dunklem Hintergrund gleiten Wassertropfen in zufälliger Größe, Geschwindigkeit und Bahn über das Glas und verschmelzen miteinander, wenn sie sich treffen – wie echter Regen an einem kalten Abend. Auf dem Glas liegt eine dünne Nebelschicht, dahinter stehen kurze handgeschriebene Notizen, die sich in einigen ruhigen Abschnitten über die Seite verteilen. Bewegt der Besucher die Maus über das Fenster, wischt sie den Nebel weg wie ein Finger auf echtem Glas und legt den Notiztext dahinter frei. Nach einer Weile beschlägt die freigewischte Stelle langsam wieder, sodass das Fenster lebendig wirkt und die Notizen immer wieder hinter dem Wetter verschwinden. Biete einfache Regler, um die Dichte der Regentropfen und die Stärke der von ihnen hinterlassenen Wasserspuren anzupassen, sodass die Stimmung von leichtem Nieselregen bis zu starkem Platzregen reichen kann. Halte die Farbpalette dunkel und ruhig, während der Schein der Notizen durch die freigewischten Stellen dringt. Statische Einzelseiten-Datei.
Zu Schneefall wechseln

Verwandelt den Regen in fallenden Schnee und den Nebel in Reif: Flocken treiben über das Glas nach unten und setzen sich ab, und der Besucher wischt durch Reif statt durch Nebel, um zu den Notizen dahinter zu gelangen.

Websites Agent ausprobieren
Erstelle eine stimmungsvolle Seite, die den Bildschirm in ein regennasses Fenster verwandelt. Vor dunklem Hintergrund gleiten Wassertropfen in zufälliger Größe, Geschwindigkeit und Bahn über das Glas und verschmelzen miteinander, wenn sie sich treffen – wie echter Regen an einem kalten Abend. Auf dem Glas liegt eine dünne Nebelschicht, und hinter dem Nebel stehen kurze handgeschriebene Notizen, die sich in einigen ruhigen Abschnitten über die Seite verteilen. Bewegt der Besucher die Maus über das Fenster, wischt sie den Nebel weg wie ein Finger auf echtem Glas und legt den Notiztext dahinter frei. Nach einer Weile beschlägt die freigewischte Stelle langsam wieder, sodass das Fenster lebendig wirkt und die Notizen immer wieder hinter dem Wetter verschwinden. Biete einfache Regler, um die Dichte der Regentropfen und die Stärke der von ihnen hinterlassenen Wasserspuren anzupassen, sodass die Stimmung von leichtem Nieselregen bis zu starkem Platzregen reichen kann. Halte die Farbpalette dunkel und ruhig, während der Schein der Notizen durch die freigewischten Stellen dringt. Statische Einzelseiten-Datei.