Sites interativos em que vale a pena se perder

Se for abrir um só site deste guia, escolha pelo que você está com vontade de fazer:

• Criar algo: Silk, que transforma qualquer traço num desenho simétrico.
• Fazer música: Blob Opera, um quarteto de bolhas cantoras que você rege com um dedo.
• Olhar para o mundo: Radio Garden, rádio ao vivo de quase qualquer lugar, escolhida girando um globo.
• Fazer uma viagem: The Deep Sea, uma única página longa que você rola até o fundo do oceano.
• Pensar enquanto brinca: The Evolution of Trust, meia hora de teoria dos jogos que você aprende jogando.

O resto do guia explica o que faz cada um dos dezesseis valer a visita, o que experimentar primeiro e o que saber antes de começar: qual aparelho funciona melhor, quais precisam de som e os um ou dois lugares em que algo é pago ou pede que você compartilhe.

Cinco tipos de site interativo

"Interativo" abrange experiências muito diferentes. Um brinquedo de desenhar e um documentário que se percorre rolando a página são interativos, mas pedem coisas diferentes, e julgá-los pelo mesmo critério é injusto com os dois. Este guia divide os dezesseis sites em cinco tipos.

• Brincadeira livre. Sem objetivo, sem trajeto. Você age e o site transforma a sua ação em algo mais rico: um desenho, uma paisagem, um passeio de carro. Você decide quando está pronto.
• Instrumentos. Feitos para fazer música ou som. Funcionam melhor quando você para de testá-los e começa a tocar, e a maioria recompensa mais a segunda sessão que a primeira.
• Janelas para o mundo. O material é real: estações de rádio, janelas de outras pessoas, o vento de hoje. O seu papel é escolher para onde olhar, e o prazer está no que você encontra.
• Viagens. Um trajeto criado por outra pessoa, que você percorre no seu ritmo, rolando a página ou caindo. Aqui a interação é leve, mais parecida com virar páginas do que com jogar, e o ofício está no ritmo.
• Experimentos e jogos de ideias. Cada um é construído em torno de uma pergunta: uma máquina consegue ler um rabisco, por que a confiança sobrevive, o que acontece se você ficar parado. Você joga para encontrar a resposta.

Nenhum desses tipos é melhor que outro. Uma viagem pode emocionar mais que um instrumento, e uma piada de dois minutos pode ficar com você por mais tempo que uma simulação de meia hora. A divisão serve para você ter a expectativa certa antes de clicar.

Os dezesseis num relance

Todos os sites foram abertos num navegador de computador em 31 de outubro de 2026. Quinze carregaram normalmente. The Deep Sea respondeu ao nosso navegador automatizado com uma verificação contra robôs, então a descrição dele se baseia no que foi publicado a seu respeito, e não nessa visita.

Brincadeira livre: comece onde quiser, pare quando quiser

Silk

O Silk foi criado por Yuri Vishnevsky, com música e som de Mat Jarvis, e está no ar desde mais ou menos 2010. Você arrasta sobre uma tela escura e um fio suave de luz acompanha, espelhado e repetido em torno do centro. Até um gesto descuidado volta delicado e simétrico, o que faz dele uma das poucas ferramentas de desenho em que ninguém sente que "não sabe desenhar".

O que o torna mais que um protetor de tela são os controles. Você pode mudar quantas vezes o traço se repete em volta do centro, ligar ou desligar o espelhamento, fazer os traços girarem em espiral para dentro e arrastar cores umas sobre as outras para misturá-las. Cada ajuste muda a regra pela qual o seu gesto passa, então o mesmo movimento gera desenhos muito diferentes.

Experimente primeiro: desenhe uma linha lenta do centro para fora, e depois a mesma linha rápida. Em seguida desligue o espelhamento e desenhe de novo. Ideal para: qualquer pessoa que queira fazer algo bonito em um minuto, e crianças. De Yuri Vishnevsky · Abrir o Silk

Thisissand

O Thisissand tem um único gesto: você pressiona, e areia escorre daquele ponto e vai se amontoando. Troque de cor no caminho e as camadas se acumulam até parecer o corte de uma encosta. O prazer está na física: os grãos escorregam até que a inclinação consiga segurá-los, então cada monte se assenta num ângulo parecido, e as suas escolhas aparecem como estratos.

O site também tem uma galeria de paisagens de areia recentes e populares, um fluxo automático opcional que mantém a areia caindo (com um toque duplo na tela) e um app com perfis para quem quiser guardar o que fez. Nada disso é necessário para brincar.

Experimente primeiro: escolha só duas cores e alterne-as em camadas finas. Melhor em: uma tela sensível ao toque, onde despejar com o dedo parece mais físico. Ideal para: uma atenção lenta e absorta. Abrir o Thisissand

O portfólio de Bruno Simon

O portfólio de Bruno Simon é um site que se dirige. Os projetos do desenvolvedor ficam espalhados por uma pequena ilha em 3D, e você os visita num carrinho de brinquedo controlado pelo teclado. A primeira versão, de 2019, foi feita com a biblioteca 3D Three.js e a biblioteca de física Cannon.js, e foi eleita Site do Ano 2020 pelo Awwwards. Desde então foi refeita.

Ele está aqui porque mostra até onde um navegador pode ir: 3D em tempo real, física e som, sem instalar nada. Isso também significa que ele exige mais do seu computador do que qualquer outro site deste guia, então um notebook ou celular mais antigo pode ter dificuldade.

Experimente primeiro: esqueça os projetos por um minuto e apenas dirija pela ilha. Ideal para: quem tem curiosidade sobre o que desenvolvedores web conseguem construir. Abrir o portfólio

Paper Planes

O Paper Planes, do estúdio Active Theory, foi lançado em 2016. No computador, ele pede que você entre pelo celular, e essa é a graça: pelo celular, você lança um avião num céu compartilhado e pega aviões lançados por desconhecidos de outros lugares. É um dos raros sites interativos que falam de outras pessoas, e não de você.

Experimente primeiro: pegue um avião antes de lançar o seu, e veja de onde ele veio. Melhor em: um celular. Abrir o Paper Planes

Instrumentos: coisas para tocar

Patatap

O Patatap, de Jono Brandel com sons da dupla Lullatone, se descreve como um kit portátil de animação e som. Cada tecla de A a Z, e a barra de espaço, toca um som curto e lança uma forma colorida pela tela; no celular, um toque faz o mesmo. Em um minuto você já está tocando ritmos, e as animações tornam cada som visível, de modo que a tela vira um registro da batida.

A página avisa que contém imagens que piscam. Leve isso a sério se luzes piscantes afetarem você.

Experimente primeiro: escolha três teclas e toque só elas, como faria um baterista. Melhor com: um teclado, e o som ligado. De Jono Brandel com Lullatone · Abrir o Patatap

Blob Opera

O Blob Opera, de David Li com o Google Arts & Culture (2020), põe quatro cantores redondos num palco. Arraste um para cima ou para baixo e ele muda de nota; mova-o e a vogal muda; os outros três fazem a harmonia em tempo real. As vozes não são gravações costuradas. Elas vêm de um modelo de aprendizado de máquina treinado com cerca de dezesseis horas de canto de quatro cantores de ópera, Christian Joel, Frederick Tong, Joanna Gamble e Olivia Doutney, então o que você ouve é a ideia que o modelo tem das vozes deles seguindo a sua mão.

Experimente primeiro: mova só o baixo, bem devagar, e ouça como os outros se reorganizam em volta dele. Ideal para: quem acha que não leva jeito para música. Abrir o Blob Opera

Chrome Music Lab: Song Maker

O Chrome Music Lab é um conjunto de experimentos do Google, no navegador, sobre como a música funciona. A peça central é o Song Maker, uma grade em que cada coluna é um momento no tempo e cada linha, uma nota: clique nos quadrados e um loop os toca da esquerda para a direita. Você pode mudar o instrumento e o andamento, e salvar a música para compartilhar.

Esse tipo de grade, um sequenciador de passos, é a forma como boa parte da música eletrônica foi escrita, e o Song Maker é a introdução mais gentil a ele: o desenho de uma melodia fica visível num relance.

Experimente primeiro: acenda um quadrado por coluna para desenhar uma melodia e depois acrescente uma única nota grave a cada quatro colunas. Ideal para: iniciantes e salas de aula. Abrir o Song Maker

Incredibox

O Incredibox foi criado pelo estúdio francês So Far So Good e entrou no ar em 2009. Você arrasta ícones para uma fileira de beatboxers, e cada um começa a fazer uma parte; combine as partes certas e você desbloqueia sequências animadas. As mixagens salvas ganham um link, e outros jogadores podem ouvir e votar.

O site oferece uma demo gratuita com uma seleção de seus estilos musicais; a coleção completa está num app pago. A demo basta para entender por que ele durou tanto: transforma o arranjo de uma música em posicionar personagens num palco, e assim sobrepor camadas, a habilidade central da produção musical, vira algo que você consegue ver.

Experimente primeiro: acrescente os cantores um de cada vez e tire o primeiro quando o quarto entrar. Ideal para: crianças e qualquer pessoa que goste de mexer em arranjos. De So Far So Good · Abrir o Incredibox

Janelas para o mundo

Radio Garden

O Radio Garden foi criado pelo Studio Puckey (Jonathan Puckey) com a Moniker, em Amsterdã, como projeto do Instituto Holandês de Som e Imagem (Netherlands Institute for Sound and Vision), e lançado em dezembro de 2016. Você gira um globo coberto de pontos de luz; cada ponto é uma estação ao vivo, e parar sobre um deles faz a rádio tocar. Os navegadores costumam pedir um clique no play antes de o som começar.

O que o torna especial é transformar a geografia em escuta. Gire de uma cidade para a vizinha e a língua, a música e a hora do dia mudam sob a sua mão.

Experimente primeiro: pare numa cidade cuja língua você não fala, depois se desloque algumas centenas de quilômetros e compare. Melhor com: fones de ouvido. Abrir o Radio Garden

WindowSwap

O WindowSwap começou durante os lockdowns de 2020, quando Sonali Ranjit e Vaishnav Balasubramaniam, um casal que trabalhava com publicidade em Singapura, quiseram olhar pela janela de outra pessoa. Você aperta um botão e aparece uma vista de algum lugar do mundo, filmada por quem mora ali: um vídeo de vários minutos, não uma transmissão ao vivo, enviado pelos visitantes e revisado antes de ser publicado.

A janela aleatória é grátis. Um plano pago, o All-Access, acrescenta o acervo completo, favoritos, playlists e um botão de voltar. Você também pode enviar a sua própria janela.

Experimente primeiro: deixe uma janela tocando ao fundo por alguns minutos, com o som ligado. Ideal para: uma pausa. De Sonali Ranjit e Vaishnav Balasubramaniam · Abrir o WindowSwap

earth.nullschool.net

O earth.nullschool.net, de Cameron Beccario, é um globo animado com as condições do momento. Linhas em movimento traçam o vento; outras camadas mostram as correntes oceânicas, a qualidade do ar e mais. Segundo as notas do projeto, os dados do tempo vêm de previsões calculadas por supercomputadores e atualizadas a cada três horas, os do oceano são atualizados diariamente, e o código está publicado no GitHub.

Você arrasta o globo, dá zoom e troca de camada num pequeno menu. É uma visualização de dados, mas, como o vento é desenhado com partículas em movimento, ela se lê como uma pintura viva.

Experimente primeiro: encontre a próxima tempestade no mapa e acompanhe o vento dela. Melhor em: uma tela grande. Abrir o earth.nullschool.net

Viagens: rolar, ou cair

The Deep Sea

The Deep Sea, publicado em 2019 por Neal Agarwal em seu site neal.fun, é uma única página, longuíssima, que você rola da superfície até o fundo do Challenger Deep, a quase onze quilômetros de profundidade. Um medidor de profundidade acompanha a descida e os animais mudam a cada zona, e assim rolar a página, o gesto mais comum da web, vira uma sensação de distância.

A sua interação é mínima, e tudo bem: o ofício está no ritmo, no tamanho dos trechos escuros entre um animal e outro. O resto do neal.fun vale uma tarde. Como dito acima, esta descrição se baseia no que foi publicado sobre o site, porque ele bloqueou a nossa verificação automatizada.

Experimente primeiro: role num ritmo constante, sem pular nada, até a luz desaparecer. Ideal para: crianças e adultos curiosos. De Neal Agarwal · Abrir The Deep Sea

Zoomquilt

O Zoomquilt, iniciado por Nikolaus Baumgarten em 2004, é uma pintura colaborativa com zoom infinito. Mais de uma dúzia de ilustradores pintaram cada um uma cena que esconde a seguinte dentro dela, e assim a imagem cai sem fim para dentro e a última cena leva de volta à primeira.

Ele é anterior a quase tudo o mais neste guia e está mais perto da animação que da brincadeira. Ganha seu lugar porque a ideia é levada adiante com tanto cuidado que o loop nunca mostra as costuras.

Experimente primeiro: assista a um loop completo sem desviar o olhar. Melhor em: uma tela grande, em tela cheia. Abrir o Zoomquilt

Experimentos e jogos de ideias

Quick, Draw!

O Quick, Draw!, do Google Creative Lab, dá a você uma palavra e alguns segundos para desenhá-la, enquanto uma rede neural tenta adivinhar o que você está desenhando. É um jogo, mas também uma demonstração de como um modelo aprende a partir de exemplos. O site diz isso abertamente: os seus desenhos são adicionados a um conjunto de dados público, a maior coleção de rabiscos do mundo, então desenhe sabendo disso.

Experimente primeiro: depois de uma rodada, abra o conjunto de dados e veja algumas centenas de gatos desenhados por desconhecidos, lado a lado. É uma pequena lição sobre como cada pessoa imagina a mesma coisa de um jeito diferente. Abrir o Quick, Draw!

The Evolution of Trust

The Evolution of Trust ("a evolução da confiança"), de Nicky Case (julho de 2017), é um guia interativo de teoria dos jogos que leva cerca de trinta minutos. Você joga rodadas de um jogo simples de confiança, uma versão do dilema do prisioneiro, contra personagens com estratégias diferentes, e depois organiza torneios entre populações inteiras deles. Ele se baseia em A evolução da cooperação (The Evolution of Cooperation, 1984), de Robert Axelrod. A interação é o argumento: você entende por que a cooperação pode sobreviver porque acabou de tentar sobreviver sem ela.

Existe em muitas traduções feitas por fãs, entre elas espanhol, francês, alemão, italiano e português do Brasil, com links na primeira página.

Experimente primeiro: jogue as primeiras rodadas com honestidade, depois traia uma vez e veja o que acontece. Ideal para: estudantes, professores e qualquer pessoa que goste de entender como as coisas funcionam. De Nicky Case · Abrir The Evolution of Trust

Pointer Pointer

O Pointer Pointer (2012), do estúdio de Amsterdã Moniker (Jonathan Puckey, Luna Maurer e Roel Wouters), tem uma única regra: mova o cursor e depois deixe-o parado. Depois de um instante, aparece a foto de uma pessoa real apontando exatamente para ele. Ele precisa de um ponteiro que consiga ficar parado sem clicar, ou seja, um mouse ou um touchpad; numa tela sensível ao toque, não há nada para deixar parado.

Dura um minuto e continua engraçado na décima tentativa, porque o acervo de pessoas apontando parece impossivelmente grande. Também é uma ideia esperta sobre atenção: o site só responde quando você para.

Experimente primeiro: coloque o cursor num lugar estranho, como um canto. Abrir o Pointer Pointer

Quando o corpo é o controle

Um grupo menor de sites pede mais que um mouse: os seus braços, o seu rosto ou as suas mãos, pela câmera. Dois dos mais conhecidos vieram do Google em 2018. O Semi-Conductor deixava você reger uma orquestra movendo os braços diante da webcam, e o Move Mirror combinava a sua pose com fotos de pessoas na mesma posição. Os dois agora constam como desativados, por isso não são recomendados aqui, mas suas páginas ainda explicam como funcionavam.

O Synfield, o projeto ao qual estas Stories pertencem, é um exemplo atual. Seus mundos respondem a um mouse, a um dedo ou, se você ligar a câmera, às suas mãos. Em Liquid Light, um gesto deixa um rastro que a superfície lembra por um tempo.

Antes de começar

Alguns hábitos melhoram qualquer um destes sites.

1. Leia a única linha de instruções. A maioria destes sites tem exatamente uma, e ela costuma nomear o gesto em torno do qual a obra inteira foi construída.
2. Decida sobre o som. Muitos giram em torno do áudio. Comece com o volume baixo e aumente quando souber o que esperar.
3. Mude a velocidade. A maioria recompensa um gesto lento tanto quanto um rápido, e alguns, como o Pointer Pointer, só respondem quando você para.
4. Mude de aparelho. Uma obra que parece um brinquedo com o mouse pode parecer um instrumento numa tela sensível ao toque. O Paper Planes só funciona de verdade no celular.
5. Confira o que você compartilha. O Quick, Draw! guarda os seus desenhos num conjunto de dados público; o WindowSwap aceita a sua própria janela, se você decidir enviar. Nenhum outro site desta lista precisa de conta.

O que os melhores têm em comum

Olhando os dezesseis juntos, surge um padrão. Nenhum pede que você aprenda uma interface. Cada um é construído em torno de uma única ação, arrastar, apertar uma tecla, rolar, deixar o cursor parado, e dedica toda a energia ao que essa ação produz. Os melhores também dão a você algo que você não conseguiria fazer sozinho: um coral, o tempo de um planeta inteiro, a vista de um desconhecido, uma simetria que você nunca desenharia à mão.

Se quiser conhecer o contexto dessas experiências, o que é arte interativa acompanha a ideia de uma obra que responde ao público, das primeiras peças cinéticas até o navegador. Se tiver curiosidade sobre por que o Silk ou uma revoada de pontos conseguem produzir algo novo a cada vez, a arte generativa interativa examina os sistemas que estão por baixo.