Jugar Snake en la barra de direcciones URL

• El usuario puede disfrutar el juego de snake en la barra de direcciones URL
• Se controla la serpiente con las teclas de dirección o WASD
• En la página web, puede que la URL no se vea correctamente o que aparezca borrosa debido a un efecto de "niebla"
• Ofrece una interfaz única en la que se juega manipulando directamente la URL
• A diferencia de los juegos convencionales, brinda una experiencia distinta al aprovechar la barra de direcciones

---

Una forma distinta de jugar dentro de la barra de direcciones URL

• El usuario controla la snake con las teclas de dirección o WASD
• En lugar de una pantalla de juego tradicional, la partida ocurre realmente en la barra de direcciones URL del navegador
• Por las características de la página web, a algunos usuarios puede presentarles el problema de que la URL no se muestre correctamente o aparezca borrosa
• Si la URL no se ve con normalidad o resulta confusa, hay que revisar la visualización de la barra de direcciones de la página o intentar métodos como recargar
• A diferencia de los juegos HTML5 tradicionales, el usuario puede tener una experiencia interactiva con retroalimentación inmediata en el área de la URL

[GN⁺]

Comentarios de Hacker News

• Había hecho algo parecido antes, usando el favicon
  https://franciscouzo.github.io/favisnake/
  • Antes también había hecho un juego de 2048 con favicon
    https://aquova.net/games/2048/
  • Me pareció realmente sorprendente; mientras más retina sea la pantalla, más difícil se vuelve jugar
• Me parece genial, aunque el carácter que representa el espacio en blanco se ve un poco raro en mi navegador, como si fueran rectángulos de distinto ancho
  Unicode incluye todos los patrones de braille 4x2 (256 en total), así que tal vez valdría la pena considerar usar ⣿ como fondo y “recortar” la serpiente o la comida con sombreado encima
  Ejemplo: ⣿⣿⣛⣛⣛⣛⣛⣩⣽⣿⣯⣿⣿⣿
  Así el espaciado entre caracteres sería uniforme y creo que sería más fácil de leer
  • Yo también lo estuve pensando; al principio definitivamente ayudaría, pero al final podría incluso empeorar las cosas
    A medida que la serpiente crece, se extiende más por la cuadrícula y al final inevitablemente se notarían más caracteres de reemplazo de espacio
    Como el juego se acelera conforme avanza, no me parece deseable que la pantalla se vuelva más compleja justo en la parte donde más hay que concentrarse
    Si alguien sabe cómo resolver bien este problema raro de los espacios, de verdad me gustaría saberlo, aunque no quiero depender de salida de texto como el <title> de la página
    Por cierto, un juego de serpiente parecido que subieron hace poco a Reddit también dibuja en el título
    https://old.reddit.com/r/webdev/comments/1n9z77e/snake_in_the_tab_title/
    Si ahorita mismo quieres ir por una puntuación alta, parece que lo mejor es hacer clic en "?" para mostrar la URL en la página
• Me sorprendió lo bien que responde, y me encantó que al volver regresara limpiamente a HN de inmediato
  Tampoco enreda el historial; de verdad me pareció ingeniosísimo
  • Parece que aprovecha muy bien history.pushState y history.replaceState
  • Viendo el código fuente, parece que en algunos navegadores que limitan la actualización de la URL hay que usar otro método que también bloquea la función del botón Atrás
• Me dejó impresionado lo ingeniosa que es la idea
  Me llamó la atención cómo usa patrones de braille para convertir información de puntos en la URL
  https://github.com/epidemian/snake/blob/master/snake.js
• Por cosas así vengo a Hacker News; me alegra el día
• Me parece una idea realmente única y creativa
• Para quienes al principio no entendieron bien cómo funciona, hay un pequeño signo de interrogación color cian en la esquina superior izquierda
  Ahí viene la explicación

  Puedes controlar la serpiente en la URL con las flechas o WASD. Si la URL no se ve bien o se ve rara, haz clic
  Además, la barra de direcciones tiene que ser lo bastante larga para que puedas ver la pantalla, así que hay que jugar con la ventana ensanchada
  Es un concepto original y funciona bien

• Es más difícil de lo que parece; los puntos vacíos alrededor de la serpiente se sienten bastante distractores
  Me da curiosidad cómo se vería si se mostrara en la página de una forma sin puntos vacíos
• Es un juego realmente ingenioso y jugarlo sí resulta bastante divertido