Notas sob a chuva
Uma janela chuvosa renderizada com shader: gotas deslizam pelo vidro escuro e se unem, e você limpa a névoa com o mouse para ler as notas escritas atrás dela.
Uma janela chuvosa renderizada com shader: gotas deslizam pelo vidro escuro e se unem, e você limpa a névoa com o mouse para ler as notas escritas atrás dela.
Experimente o Agent para sitesCrie uma página atmosférica que transforme a tela em uma janela coberta de chuva. Sobre um fundo escuro, gotas de água com tamanho, velocidade e trajetória aleatórios deslizam pelo vidro, unindo-se umas às outras quando se encontram, como chuva de verdade em uma noite fria. O vidro tem uma fina camada de névoa e, atrás dela, há pequenas notas manuscritas, organizadas em algumas seções tranquilas ao longo da página. Quando o visitante move o mouse pela janela, ele limpa a névoa como um dedo em vidro de verdade, revelando o texto das notas atrás dela; depois de um tempo, a área limpa volta a embaçar lentamente, fazendo a janela parecer viva e as notas continuarem a afundar sob o clima. Inclua controles simples para ajustar a densidade das gotas de chuva e a intensidade dos rastros de água que elas deixam, para que a atmosfera possa variar de uma garoa leve a uma chuva forte. Mantenha a paleta escura e serena, com o brilho das notas aparecendo pelas áreas limpas. Página estática em um único arquivo.
Adiciona um modo de escrita à limpeza: os visitantes podem escrever ou rabiscar diretamente no vidro embaçado com o mouse, e os traços são lentamente cobertos de novo à medida que a névoa se forma.
Experimente o Agent para sitesCrie uma página atmosférica que transforme a tela em uma janela coberta de chuva. Sobre um fundo escuro, gotas de água com tamanho, velocidade e trajetória aleatórios deslizam pelo vidro, unindo-se umas às outras quando se encontram, como chuva de verdade em uma noite fria. O vidro tem uma fina camada de névoa e, atrás dela, há pequenas notas manuscritas, organizadas em algumas seções tranquilas ao longo da página. Quando o visitante move o mouse pela janela, ele limpa a névoa como um dedo em vidro de verdade, revelando o texto das notas atrás dela; depois de um tempo, a área limpa volta a embaçar lentamente, fazendo a janela parecer viva e as notas continuarem a afundar sob o clima. Inclua controles simples para ajustar a densidade das gotas de chuva e a intensidade dos rastros de água que elas deixam, para que a atmosfera possa variar de uma garoa leve a uma chuva forte. Mantenha a paleta escura e serena, com o brilho das notas aparecendo pelas áreas limpas. Página estática em um único arquivo.
Adiciona um modo de tempestade: de tempos em tempos, um relâmpago ilumina toda a janela e as silhuetas além dela, enquanto o som da chuva aumenta e depois diminui.
Experimente o Agent para sitesCrie uma página atmosférica que transforme a tela em uma janela coberta de chuva. Sobre um fundo escuro, gotas de água com tamanho, velocidade e trajetória aleatórios deslizam pelo vidro, unindo-se umas às outras quando se encontram, como chuva de verdade em uma noite fria. O vidro tem uma fina camada de névoa e, atrás dela, há pequenas notas manuscritas, organizadas em algumas seções tranquilas ao longo da página. Quando o visitante move o mouse pela janela, ele limpa a névoa como um dedo em vidro de verdade, revelando o texto das notas atrás dela; depois de um tempo, a área limpa volta a embaçar lentamente, fazendo a janela parecer viva e as notas continuarem a afundar sob o clima. Inclua controles simples para ajustar a densidade das gotas de chuva e a intensidade dos rastros de água que elas deixam, para que a atmosfera possa variar de uma garoa leve a uma chuva forte. Mantenha a paleta escura e serena, com o brilho das notas aparecendo pelas áreas limpas. Página estática em um único arquivo.
Transforma a chuva em neve caindo e a névoa em geada: flocos descem pelo vidro e se acumulam, e o visitante limpa a geada, em vez da névoa, para alcançar as notas atrás dela.
Experimente o Agent para sitesCrie uma página atmosférica que transforme a tela em uma janela coberta de chuva. Sobre um fundo escuro, gotas de água com tamanho, velocidade e trajetória aleatórios deslizam pelo vidro, unindo-se umas às outras quando se encontram, como chuva de verdade em uma noite fria. O vidro tem uma fina camada de névoa, e atrás da névoa há pequenas notas manuscritas, organizadas em algumas seções tranquilas ao longo da página. Quando o visitante move o mouse pela janela, ele limpa a névoa como um dedo em vidro de verdade, revelando o texto das notas atrás dela; depois de um tempo, a área limpa volta a embaçar lentamente, fazendo a janela parecer viva e as notas continuarem a afundar sob o clima. Inclua controles simples para ajustar a densidade das gotas de chuva e a intensidade dos rastros de água que elas deixam, para que a atmosfera possa variar de uma garoa leve a uma chuva forte. Mantenha a paleta escura e serena, com o brilho das notas aparecendo pelas áreas limpas. Página estática em um único arquivo.