Dá para tirar duas capturas de tela em sequência, sobrepor uma sobre a outra no GIMP e escolher vários modos de camada, como Lighten, Screen, Addition, Darken, Multiply, Linear burn, Hard Mix, Difference, Exclusion, Subtract, Grain Extract, Grain Merge e Luminance https://ibb.co/DDQBJDKR
Na verdade, não precisa de nenhuma técnica de edição de imagem
Tire duas capturas de tela
Abra cada uma em uma aba diferente no navegador
Alterne rapidamente entre as abas (CTRL-Tab)
Testei no Firefox
Fiquei curioso se seria possível mudar a página da web para que o texto do padrão se mova para baixo, enquanto o padrão de fundo se move para cima
Ideia interessante
Alguns anos atrás, um amigo fez um CAPTCHA em GIF de um jeito parecido
Ele montou várias faixas horizontais, cada uma mostrando só parte da imagem, incluindo os caracteres, e apostou que seria difícil resolver
Se você extrair todos os frames, converter para preto e branco e aplicar média, depois ajustar limiar e contraste, a maior parte dos caracteres aparece
No fim, como os caracteres aparecem com mais frequência, isso provavelmente não afeta muito a dificuldade
Depois disso, o processamento de imagem se aplica ao reconhecimento de caracteres com bastante facilidade
Se você colocar as duas capturas como camadas e definir uma delas como Difference, depois ajustar a transparência, fica bem visível
Resultado feito no Pixelmator Pro: https://i.moveything.com/299930fb6174.mp4
Por curiosidade, peguei 3 capturas de tela com ruído e mandei para Claude Opus 4.1, Gemini 2.5 Pro e GPT 5 com o prompt “what does the screen say?”
O Opus 4.1 bloqueou totalmente por risco de prompt injection, o Gemini chutou algo sem sentido, e o GPT 5 conseguiu usando code interpreter
A resposta do Claude (= bloqueio) foi a mais alinhada com a marca, e também achei que o filtro fazia sentido
Foi uma experiência bem curiosa, porque colar imagens que parecem ruído aleatório em um ambiente sensível é uma péssima ideia
É um efeito realmente muito legal
Ele usa um método de esconder formas com padrões de ruído em movimento
Também disponibiliza diretamente a fonte do efeito https://github.com/brantagames/noise-shader
Impressiona o fato de que o objeto ou texto não desaparece de forma instantânea, mas some de modo gradual e natural
Parece mais um efeito elegante do que um jogo
Lembra o jogo dos anos 1990 Magic Carpet https://en.wikipedia.org/wiki/Magic_Carpet_(video_game)
Em uma tela comum, ele simulava uma perspectiva 3D, mas com óculos 3D dava para ver em verdadeiro relevo
Ele até fazia isso em monitores 2D usando a técnica de estereograma de pontos aleatórios https://en.wikipedia.org/wiki/Random_dot_stereogram
Se você consegue ver bem autostereogramas RDS, também consegue ver as animações de Magic Carpet
O efeito era impressionante, mas depois de um tempo os olhos pareciam ficar vesgos e era tão desconfortável que eu só aguentava alguns minutos
Eu também já tinha pensado nesse efeito
Ele resolve vários problemas complexos, inclusive renderizar informação de distância nesse formato
É a primeira vez que vejo esse efeito, e me peguei sorrindo sem perceber
Vi esse efeito pela primeira vez em um vídeo da Branta Games https://www.youtube.com/watch?v=Bg3RAI8uyVw
Se assistir em 144p, der zoom out ou aparecerem artefatos de renderização, o efeito quebra
Se eu soubesse o nome desse efeito, queria ler mais sobre como ele é usado em pesquisas com fMRI
Termos relacionados que encontrei até agora:
Se alguém usar esse método como proteção anti-captura de tela para dados sensíveis, outra pessoa vai resolver isso gravando um vídeo com outro celular, tablet ou câmera
A ideia em si é divertida
No fim, isso só adiciona atrito
Quem estiver determinado sempre vai encontrar uma forma de contornar
Às vezes, esse atrito já é suficiente
Também dá para fazer no mesmo aparelho
Em imagem estática, a mensagem fica escondida, mas ao gravar a tela em vídeo ela aparece perfeitamente
No Android, em alguns casos o texto em claro já aparece facilmente só de olhar a URL
Se o tempo de exposição for longo o suficiente, talvez até uma única foto consiga mostrar o conteúdo presente no motion blur
Fiquei curioso se seria possível criar algo em que você não conseguisse ver o texto, e só pudesse lê-lo ao tirar uma captura de tela
Se houver uma tela com taxa de atualização suficientemente alta, isso pode ser possível alternando muito rápido texto branco sobre preto e texto preto sobre branco
A visão humana passa por um filtro passa-baixas, incluindo limites na taxa de disparo dos próprios neurônios
No fim, o texto pareceria apenas um cinza uniforme, e talvez com elementos de confusão misturados isso funcione até em taxas de atualização menores
Talvez não seja exatamente o que você pediu, mas isso me lembrou de uma vez em que os servidores da Apple falharam e os logs rolavam tão rápido que ninguém conseguia ler
Um atendente do suporte da Apple tirou uma foto com o smartphone, leu o conteúdo e resolveu o problema
Talvez dê para fazer usando um truque relacionado ao timing de refresh da tela
Algo como mostrar o texto brevemente no framebuffer quando o monitor terminar de atualizar e apagá-lo antes do próximo refresh começar
Repetindo isso, dependendo do momento da captura de tela, o texto poderia aparecer
Mas talvez não funcione direito dependendo do dispositivo ou do mecanismo de captura de tela
Seria necessário conseguir controlar a informação de timing do refresh
Esse efeito é mais sofisticado do que o post original (OP)
No OP, o objeto só desaparece se os pixels estiverem rolando, mas aqui o objeto desaparece assim que a animação para
Ou seja, diferente do OP, não dá para mostrar texto estático como "hello"
Se você salvar o código-fonte como HTML comum, já dá para usar o efeito imediatamente
Como não há informações de licença nem comentários, seria bom se o criador ou o OP informasse isso
4 comentários
O resumo do GN+... é alucinação.
Ah, essas coisas não saem direito por mais que eu tente tirar. Apaguei.
Uau, receber um comentário do chefão... emocionante... obrigado
Comentários no Hacker News
Dá para tirar duas capturas de tela em sequência, sobrepor uma sobre a outra no GIMP e escolher vários modos de camada, como Lighten, Screen, Addition, Darken, Multiply, Linear burn, Hard Mix, Difference, Exclusion, Subtract, Grain Extract, Grain Merge e Luminance
https://ibb.co/DDQBJDKR
Na verdade, não precisa de nenhuma técnica de edição de imagem
CTRL-Tab)Testei no Firefox
Fiquei curioso se seria possível mudar a página da web para que o texto do padrão se mova para baixo, enquanto o padrão de fundo se move para cima
Ideia interessante
Alguns anos atrás, um amigo fez um CAPTCHA em GIF de um jeito parecido
Ele montou várias faixas horizontais, cada uma mostrando só parte da imagem, incluindo os caracteres, e apostou que seria difícil resolver
Se você extrair todos os frames, converter para preto e branco e aplicar média, depois ajustar limiar e contraste, a maior parte dos caracteres aparece
No fim, como os caracteres aparecem com mais frequência, isso provavelmente não afeta muito a dificuldade
Depois disso, o processamento de imagem se aplica ao reconhecimento de caracteres com bastante facilidade
Se você colocar as duas capturas como camadas e definir uma delas como Difference, depois ajustar a transparência, fica bem visível
Resultado feito no Pixelmator Pro:
https://i.moveything.com/299930fb6174.mp4
Por curiosidade, peguei 3 capturas de tela com ruído e mandei para Claude Opus 4.1, Gemini 2.5 Pro e GPT 5 com o prompt “what does the screen say?”
O Opus 4.1 bloqueou totalmente por risco de prompt injection, o Gemini chutou algo sem sentido, e o GPT 5 conseguiu usando code interpreter
A resposta do Claude (= bloqueio) foi a mais alinhada com a marca, e também achei que o filtro fazia sentido
Foi uma experiência bem curiosa, porque colar imagens que parecem ruído aleatório em um ambiente sensível é uma péssima ideia
Este jogo desaparece quando para
https://youtube.com/watch?v=Bg3RAI8uyVw
É um efeito realmente muito legal
Ele usa um método de esconder formas com padrões de ruído em movimento
Também disponibiliza diretamente a fonte do efeito
https://github.com/brantagames/noise-shader
Impressiona o fato de que o objeto ou texto não desaparece de forma instantânea, mas some de modo gradual e natural
Parece mais um efeito elegante do que um jogo
Lembra o jogo dos anos 1990 Magic Carpet
https://en.wikipedia.org/wiki/Magic_Carpet_(video_game)
Em uma tela comum, ele simulava uma perspectiva 3D, mas com óculos 3D dava para ver em verdadeiro relevo
Ele até fazia isso em monitores 2D usando a técnica de estereograma de pontos aleatórios
https://en.wikipedia.org/wiki/Random_dot_stereogram
Se você consegue ver bem autostereogramas RDS, também consegue ver as animações de Magic Carpet
O efeito era impressionante, mas depois de um tempo os olhos pareciam ficar vesgos e era tão desconfortável que eu só aguentava alguns minutos
Eu também já tinha pensado nesse efeito
Ele resolve vários problemas complexos, inclusive renderizar informação de distância nesse formato
É a primeira vez que vejo esse efeito, e me peguei sorrindo sem perceber
A capa do álbum Any Minute Now, do Soulwax, me veio imediatamente à cabeça
https://upload.wikimedia.org/wikipedia/en/a/ab/AnyMinuteNow.jpg
Vi esse efeito pela primeira vez em um vídeo da Branta Games
https://www.youtube.com/watch?v=Bg3RAI8uyVw
Se assistir em 144p, der zoom out ou aparecerem artefatos de renderização, o efeito quebra
Se eu soubesse o nome desse efeito, queria ler mais sobre como ele é usado em pesquisas com fMRI
Termos relacionados que encontrei até agora:
https://www.youtube.com/watch?v=2VO10eDIyiE
Se alguém usar esse método como proteção anti-captura de tela para dados sensíveis, outra pessoa vai resolver isso gravando um vídeo com outro celular, tablet ou câmera
A ideia em si é divertida
No fim, isso só adiciona atrito
Quem estiver determinado sempre vai encontrar uma forma de contornar
Às vezes, esse atrito já é suficiente
Também dá para fazer no mesmo aparelho
Em imagem estática, a mensagem fica escondida, mas ao gravar a tela em vídeo ela aparece perfeitamente
No iPhone, fiz gravação de tela e depois tirei capturas a cada poucos segundos
Usei no Procreate Pocket a sobreposição de imagens com 50% de transparência
https://gist.github.com/jncornett/d7cb397ce3ceff268a0ee1b86f814a7d?permalink_comment_id=5764190#gistcomment-5764190
No Android, em alguns casos o texto em claro já aparece facilmente só de olhar a URL
Se o tempo de exposição for longo o suficiente, talvez até uma única foto consiga mostrar o conteúdo presente no motion blur
Fiquei curioso se seria possível criar algo em que você não conseguisse ver o texto, e só pudesse lê-lo ao tirar uma captura de tela
Se houver uma tela com taxa de atualização suficientemente alta, isso pode ser possível alternando muito rápido texto branco sobre preto e texto preto sobre branco
A visão humana passa por um filtro passa-baixas, incluindo limites na taxa de disparo dos próprios neurônios
No fim, o texto pareceria apenas um cinza uniforme, e talvez com elementos de confusão misturados isso funcione até em taxas de atualização menores
Talvez não seja exatamente o que você pediu, mas isso me lembrou de uma vez em que os servidores da Apple falharam e os logs rolavam tão rápido que ninguém conseguia ler
Um atendente do suporte da Apple tirou uma foto com o smartphone, leu o conteúdo e resolveu o problema
Talvez dê para fazer usando um truque relacionado ao timing de refresh da tela
Algo como mostrar o texto brevemente no framebuffer quando o monitor terminar de atualizar e apagá-lo antes do próximo refresh começar
Repetindo isso, dependendo do momento da captura de tela, o texto poderia aparecer
Mas talvez não funcione direito dependendo do dispositivo ou do mecanismo de captura de tela
Seria necessário conseguir controlar a informação de timing do refresh
Muita gente mencionou Branta Games, mas eu vi esse efeito primeiro aqui
https://youtu.be/TdTMeNXCnTs
Esse também é o melhor em termos de explicação
Esse efeito é mais sofisticado do que o post original (OP)
No OP, o objeto só desaparece se os pixels estiverem rolando, mas aqui o objeto desaparece assim que a animação para
Ou seja, diferente do OP, não dá para mostrar texto estático como "hello"
Só de ler o título eu já pensei em Bad Apple
https://www.youtube.com/watch?v=bVLwYa46Cf0
Também existe uma versão semelhante que usa a maçã em vez de ruído branco
https://www.youtube.com/watch?v=r40AvHs3uJE
Se você salvar o código-fonte como HTML comum, já dá para usar o efeito imediatamente
Como não há informações de licença nem comentários, seria bom se o criador ou o OP informasse isso