Jogue Snake na barra de endereço da URL

• O usuário pode curtir o jogo Snake na barra de endereço da URL
• A cobra é controlada com as setas do teclado ou WASD
• Dependendo da página, a URL pode não aparecer corretamente ou ficar desfocada por causa de um efeito de "névoa"
• A proposta traz uma interface única em que o usuário joga manipulando a própria URL
• Diferente dos jogos convencionais, o uso da barra de endereço proporciona uma experiência incomum

---

Um jeito diferente de jogar na barra de endereço da URL

• O usuário controla a cobra usando as setas ou as teclas WASD
• Em vez de uma tela de jogo tradicional, a partida acontece de fato na barra de endereço do navegador
• Pelas características da página, alguns usuários podem enfrentar o problema de a URL não ser exibida corretamente ou aparecer desfocada
• Se a URL não estiver visível normalmente ou parecer confusa, é preciso verificar a exibição da barra de endereço da página ou tentar métodos como recarregar
• Diferente dos jogos HTML5 tradicionais, a experiência interativa acontece na área da URL com feedback imediato para o usuário

[GN⁺]

Comentários do Hacker News

• Já fiz algo parecido antes, usando o favicon
  https://franciscouzo.github.io/favisnake/
  • Também já fizeram um jogo de 2048 em favicon antes
    https://aquova.net/games/2048/
  • Achei realmente impressionante; quanto mais retina for a tela, mais difícil fica de jogar
• Achei muito legal, mas o caractere usado para representar espaço aparece meio estranho no meu navegador, como se fossem quadrados com larguras diferentes
  Como o Unicode tem todos os padrões de braille 4x2 (256 no total), talvez valha considerar usar ⣿ como fundo e “recortar” a cobra e a comida com sombreamento por cima
  Exemplo: ⣿⣿⣛⣛⣛⣛⣛⣩⣽⣿⣯⣿⣿⣿
  Acho que isso deixaria o espaçamento entre os caracteres uniforme e mais fácil de ler
  • Também pensei nisso; no começo certamente ajudaria, mas mais para frente talvez até piore a situação
    Conforme a cobra cresce, ela se espalha mais pela grade e, no fim, mais caracteres substitutos de espaço acabam ficando visíveis
    Como o jogo acelera com o progresso, não parece desejável deixar a tela mais complexa justamente na parte em que é preciso se concentrar
    Se alguém souber como resolver direito esse problema estranho dos espaços, eu realmente gostaria de saber, mas não pretendo depender de saída de texto como o <title> da página
    Aliás, um jogo parecido de snake postado recentemente no Reddit também desenha no título
    https://old.reddit.com/r/webdev/comments/1n9z77e/snake_in_the_tab_title/
    Se a ideia for buscar uma pontuação alta agora, clicar no "?" para mostrar a URL na página parece ser o melhor caminho
• Fiquei surpreso com o quão responsivo era e adorei que, assim que voltei, retornou direitinho para o HN
  O histórico também não fica bagunçado; achei muito engenhoso
  • Parece que usaram muito bem history.pushState e history.replaceState
  • Pelo código-fonte, parece que em alguns navegadores que limitam a atualização da URL é preciso usar outro método para também bloquear a função do botão Voltar
• Fiquei admirado com a ideia; é realmente engenhosa
  Achei especialmente interessante o uso dos padrões de braille para converter informação de pontos em URL
  https://github.com/epidemian/snake/blob/master/snake.js
• É por coisas assim que eu venho ao Hacker News; deixa o dia mais divertido
• Acho que é uma ideia realmente única e criativa
• Para quem no começo não entendeu bem como funciona, há um pequeno ponto de interrogação ciano no canto superior esquerdo
  Lá tem a explicação

  Você pode controlar a snake na URL com as setas do teclado ou WASD. Se a URL não aparecer bem ou parecer estranha, clique.
  Além disso, a barra de endereço precisa ser longa o suficiente para mostrar a tela, então é preciso jogar com a janela mais larga
  É um conceito criativo e funciona bem

• A dificuldade é maior do que parece; os pontos vazios ao redor da snake são bem distraentes
  Fiquei curioso para ver como ficaria se fosse exibido na página de um jeito sem esses pontos vazios
• É um jogo muito inteligente, e jogar em si é divertido o bastante