Genius
A algum tempo atrás vi esse artigo em que o rapaz fazia animações na url do site utilizando emojis. O mais legal é que ele não faz só animações, mas também exibe a barra de carregamento de um vídeo utilizando caracteres unicode.
Genius
Vendo isso, imaginei se não é possível utilizar esse conceito para fazer um jogo. Como minha criatividade não foi muito longe daí, decidi tentar implementar o jogo Genius (aquele com quatro cores que acendem e você deve pressionar os botões na sequência correta), já que possui uma jogabilidade simples e fácil de se adaptar a uma caixa de texto.
Clicando no botão abaixo a URL será utilizada como “display” para o jogo. As cores irão aparecer em uma sequência, e quando a URL indicar a sua vez, basta digitar aqui mesmo a inicial das cores (em inglês) na mesma sequência. (Alguns navegadores podem não conseguir carregar todos os emojis corretamente)
🔵 ➔ B
🟡 ➔ Y
🟢 ➔ G
🔴 ➔ R
(Em alguns apps para smartphones pode não funcionar corretamente)
Title
O principal problema de alterar o location da página para esse tipo de brincadeira é a enchurrada de links que acabam ficando no histórico do navegador. Como a cada alteração o navegador armazena isso no histórico, a lista pode acabar ficando grande muito rápido. Alguns navegadores acabam até bloqueando isso e proibindo alterações seguintes.
Como alternativa, ajustei o código para permitir o mesmo tipo de jogo através do title da página. Esse é um outro lugar utilizado por alguns sites para jogar informações, como mensagens não lidas, mas que pode ser explorado para o mesmo tipo de jogo.
O botão abaixo irá permitir você jogar, mas agora no título da aba do navegador.
(Em alguns apps para smartphones pode não funcionar corretamente)
Favicon
Recentemente caí neste artigo aqui em que um outro rapaz desenvolveu um verdadeiro jogo no favicon da página, onde você pode utilizar as teclas para movimentar e atirar com uma nave. A ideia é muito legal e a biblioteca favico.js permite de uma forma fácil tentar fazer algo similar.
Com essa biblioteca, decidi criar uma versão do genius também no favicon dessa página. Para jogar, clique no botão abaixo.
(Em alguns apps para smartphones pode não funcionar corretamente)
Conclusão
Por mais que com o favicon a atualização dos frames fique um pouco lenta, podemos concluir que não é necessário muitos recursos para conseguir executar um jogo como o Genius. O limite para criação de algo como isso vai até aonde a criatividade do desenvolvedor acaba.