Notas de lluvia

Una ventana lluviosa renderizada con shader: las gotas se deslizan por el vidrio oscuro y se fusionan, y puedes limpiar la bruma con el mouse para leer las notas escritas detrás.

Loading preview...
Comenzar con este prompt

Una ventana lluviosa renderizada con shader: las gotas se deslizan por el vidrio oscuro y se fusionan, y puedes limpiar la bruma con el mouse para leer las notas escritas detrás.

Probar el Agente de sitios web
Crea una página atmosférica que convierta la pantalla en una ventana cubierta de lluvia. Sobre un fondo oscuro, gotas de agua de tamaño, velocidad y trayectoria aleatorios se deslizan por el vidrio y se fusionan al encontrarse, como la lluvia real en una tarde fría. El vidrio tiene una fina capa de bruma y, detrás de ella, hay breves notas escritas a mano, distribuidas en unas cuantas secciones apacibles a lo largo de la página. Cuando el visitante mueve el mouse sobre la ventana, limpia la bruma como lo haría un dedo sobre vidrio real y revela el texto de las notas que hay detrás; después de un tiempo, el área limpiada vuelve a empañarse poco a poco, de modo que la ventana parece viva y las notas siguen quedando ocultas tras el clima. Incluye controles sencillos para ajustar la densidad de las gotas de lluvia y la intensidad de las estelas de agua que dejan, de modo que el ambiente pueda ir de una llovizna ligera a un aguacero intenso. Mantén una paleta oscura y serena, con el resplandor de las notas atravesando las zonas despejadas. Página estática en un solo archivo.
Agregar modo de escritura

Agrega un modo de escritura además de la limpieza: los visitantes pueden escribir o dibujar directamente sobre el vidrio empañado con el mouse, y los trazos vuelven a cubrirse lentamente a medida que se acumula nueva bruma.

Probar el Agente de sitios web
Crea una página atmosférica que convierta la pantalla en una ventana cubierta de lluvia. Sobre un fondo oscuro, gotas de agua de tamaño, velocidad y trayectoria aleatorios se deslizan por el vidrio y se fusionan al encontrarse, como la lluvia real en una tarde fría. El vidrio tiene una fina capa de bruma y, detrás de ella, hay breves notas escritas a mano, distribuidas en unas cuantas secciones apacibles a lo largo de la página. Cuando el visitante mueve el mouse sobre la ventana, limpia la bruma como lo haría un dedo sobre vidrio real y revela el texto de las notas que hay detrás; después de un tiempo, el área limpiada vuelve a empañarse poco a poco, de modo que la ventana parece viva y las notas siguen quedando ocultas tras el clima. Incluye controles sencillos para ajustar la densidad de las gotas de lluvia y la intensidad de las estelas de agua que dejan, de modo que el ambiente pueda ir de una llovizna ligera a un aguacero intenso. Mantén una paleta oscura y serena, con el resplandor de las notas atravesando las zonas despejadas. Página estática en un solo archivo.
Agregar modo de tormenta eléctrica

Agrega un modo de tormenta eléctrica: de vez en cuando, un relámpago ilumina toda la ventana y las siluetas que hay más allá, mientras el sonido de la lluvia aumenta y luego vuelve a calmarse.

Probar el Agente de sitios web
Crea una página atmosférica que convierta la pantalla en una ventana cubierta de lluvia. Sobre un fondo oscuro, gotas de agua de tamaño, velocidad y trayectoria aleatorios se deslizan por el vidrio y se fusionan al encontrarse, como la lluvia real en una tarde fría. El vidrio tiene una fina capa de bruma y, detrás de ella, hay breves notas escritas a mano, distribuidas en unas cuantas secciones apacibles a lo largo de la página. Cuando el visitante mueve el mouse sobre la ventana, limpia la bruma como lo haría un dedo sobre vidrio real y revela el texto de las notas que hay detrás; después de un tiempo, el área limpiada vuelve a empañarse poco a poco, de modo que la ventana parece viva y las notas siguen quedando ocultas tras el clima. Incluye controles sencillos para ajustar la densidad de las gotas de lluvia y la intensidad de las estelas de agua que dejan, de modo que el ambiente pueda ir de una llovizna ligera a un aguacero intenso. Mantén una paleta oscura y serena, con el resplandor de las notas atravesando las zonas despejadas. Página estática en un solo archivo.
Cambiar a nevada

Convierte la lluvia en nieve que cae y la bruma en escarcha: los copos se deslizan por el vidrio y se asientan, y el visitante limpia la escarcha en lugar de la bruma para llegar a las notas de detrás.

Probar el Agente de sitios web
Crea una página atmosférica que convierta la pantalla en una ventana cubierta de lluvia. Sobre un fondo oscuro, gotas de agua de tamaño, velocidad y trayectoria aleatorios se deslizan por el vidrio y se fusionan al encontrarse, como la lluvia real en una tarde fría. El vidrio tiene una fina capa de bruma, y detrás de la bruma hay breves notas escritas a mano, distribuidas en unas cuantas secciones apacibles a lo largo de la página. Cuando el visitante mueve el mouse sobre la ventana, limpia la bruma como lo haría un dedo sobre vidrio real y revela el texto de las notas que hay detrás; después de un tiempo, el área limpiada vuelve a empañarse poco a poco, de modo que la ventana parece viva y las notas siguen quedando ocultas tras el clima. Incluye controles sencillos para ajustar la densidad de las gotas de lluvia y la intensidad de las estelas de agua que dejan, de modo que el ambiente pueda ir de una llovizna ligera a un aguacero intenso. Mantén una paleta oscura y serena, con el resplandor de las notas atravesando las zonas despejadas. Página estática en un solo archivo.