Notes pluvieuses
Une fenêtre pluvieuse rendue par shader : des gouttes glissent sur une vitre sombre et fusionnent, et vous effacez la buée avec la souris pour lire les notes écrites derrière.
Une fenêtre pluvieuse rendue par shader : des gouttes glissent sur une vitre sombre et fusionnent, et vous effacez la buée avec la souris pour lire les notes écrites derrière.
Essayer Websites AgentCréez une page atmosphérique qui transforme l'écran en fenêtre couverte de pluie. Sur un fond sombre, des gouttes d'eau de tailles, vitesses et trajectoires aléatoires glissent sur la vitre et fusionnent lorsqu'elles se rencontrent, comme une vraie pluie par une froide soirée. La vitre est recouverte d'une fine couche de buée, derrière laquelle se trouvent de courtes notes manuscrites, réparties en quelques sections paisibles le long de la page. Lorsque le visiteur déplace la souris sur la fenêtre, il efface la buée comme avec un doigt sur une vraie vitre, révélant le texte des notes derrière ; au bout d'un moment, la zone effacée s'embue à nouveau lentement, donnant vie à la fenêtre et replongeant les notes derrière les intempéries. Ajoutez des réglages simples pour ajuster la densité des gouttes de pluie et l'intensité des traînées d'eau qu'elles laissent, afin que l'ambiance puisse aller d'une légère bruine à une forte averse. Conservez une palette sombre et feutrée, avec la lueur des notes qui transparaît dans les zones dégagées. Page statique dans un seul fichier.
Ajoute un mode d'écriture en plus de l'effacement : les visiteurs peuvent écrire ou dessiner directement sur la vitre embuée avec la souris, et les traits sont lentement recouverts à mesure que la buée se reforme.
Essayer Websites AgentCréez une page atmosphérique qui transforme l'écran en fenêtre couverte de pluie. Sur un fond sombre, des gouttes d'eau de tailles, vitesses et trajectoires aléatoires glissent sur la vitre et fusionnent lorsqu'elles se rencontrent, comme une vraie pluie par une froide soirée. La vitre est recouverte d'une fine couche de buée, derrière laquelle se trouvent de courtes notes manuscrites, réparties en quelques sections paisibles le long de la page. Lorsque le visiteur déplace la souris sur la fenêtre, il efface la buée comme avec un doigt sur une vraie vitre, révélant le texte des notes derrière ; au bout d'un moment, la zone effacée s'embue à nouveau lentement, donnant vie à la fenêtre et replongeant les notes derrière les intempéries. Ajoutez des réglages simples pour ajuster la densité des gouttes de pluie et l'intensité des traînées d'eau qu'elles laissent, afin que l'ambiance puisse aller d'une légère bruine à une forte averse. Conservez une palette sombre et feutrée, avec la lueur des notes qui transparaît dans les zones dégagées. Page statique dans un seul fichier.
Ajoute un mode orage : de temps à autre, un éclair illumine toute la fenêtre et les silhouettes au-delà, tandis que le bruit de la pluie s'intensifie puis retombe.
Essayer Websites AgentCréez une page atmosphérique qui transforme l'écran en fenêtre couverte de pluie. Sur un fond sombre, des gouttes d'eau de tailles, vitesses et trajectoires aléatoires glissent sur la vitre et fusionnent lorsqu'elles se rencontrent, comme une vraie pluie par une froide soirée. La vitre est recouverte d'une fine couche de buée, derrière laquelle se trouvent de courtes notes manuscrites, réparties en quelques sections paisibles le long de la page. Lorsque le visiteur déplace la souris sur la fenêtre, il efface la buée comme avec un doigt sur une vraie vitre, révélant le texte des notes derrière ; au bout d'un moment, la zone effacée s'embue à nouveau lentement, donnant vie à la fenêtre et replongeant les notes derrière les intempéries. Ajoutez des réglages simples pour ajuster la densité des gouttes de pluie et l'intensité des traînées d'eau qu'elles laissent, afin que l'ambiance puisse aller d'une légère bruine à une forte averse. Conservez une palette sombre et feutrée, avec la lueur des notes qui transparaît dans les zones dégagées. Page statique dans un seul fichier.
Transforme la pluie en neige et la buée en givre : des flocons glissent le long de la vitre et s'y déposent, et le visiteur efface le givre plutôt que la buée pour atteindre les notes derrière.
Essayer Websites AgentCréez une page atmosphérique qui transforme l'écran en fenêtre couverte de pluie. Sur un fond sombre, des gouttes d'eau de tailles, vitesses et trajectoires aléatoires glissent sur la vitre et fusionnent lorsqu'elles se rencontrent, comme une vraie pluie par une froide soirée. La vitre est recouverte d'une fine couche de buée, et derrière la buée se trouvent de courtes notes manuscrites, réparties en quelques sections paisibles le long de la page. Lorsque le visiteur déplace la souris sur la fenêtre, il efface la buée comme avec un doigt sur une vraie vitre, révélant le texte des notes derrière ; au bout d'un moment, la zone effacée s'embue à nouveau lentement, donnant vie à la fenêtre et replongeant les notes derrière les intempéries. Ajoutez des réglages simples pour ajuster la densité des gouttes de pluie et l'intensité des traînées d'eau qu'elles laissent, afin que l'ambiance puisse aller d'une légère bruine à une forte averse. Conservez une palette sombre et feutrée, avec la lueur des notes qui transparaît dans les zones dégagées. Page statique dans un seul fichier.