Snake im URL-Adressfeld spielen

• Nutzer können das Snake-Spiel im URL-Adressfeld spielen
• Die Schlange wird mit den Pfeiltasten oder WASD gesteuert
• Auf manchen Webseiten wird die URL möglicherweise nicht korrekt angezeigt oder erscheint durch einen „Nebel“-Effekt verschwommen
• Es bietet eine ungewöhnliche Oberfläche, bei der man die URL direkt manipuliert, um das Spiel zu spielen
• Anders als bei gewöhnlichen Spielen sorgt die Nutzung der Adressleiste für ein besonderes Erlebnis

---

Ungewöhnliche Spielweise im URL-Adressfeld

• Nutzer steuern die Schlange mit den Pfeiltasten oder den WASD-Tasten
• Das Spiel findet nicht auf einem Spielbildschirm statt, sondern direkt im URL-Adressfeld des Browsers
• Aufgrund der Eigenschaften von Webseiten kann es bei manchen Nutzern dazu kommen, dass die URL nicht korrekt angezeigt wird oder verschwommen erscheint
• Wenn die URL nicht normal sichtbar ist oder verwirrend wirkt, sollte man die Anzeige der Seiten-URL prüfen oder Methoden wie ein Neuladen versuchen
• Anders als bei herkömmlichen HTML5-Spielen erhalten Nutzer im URL-Bereich eine interaktive Spielerfahrung mit direktem Feedback

[GN⁺]

Hacker-News-Kommentare

• Ich habe früher mal etwas Ähnliches gebaut und dabei das Favicon genutzt.
  https://franciscouzo.github.io/favisnake/
  • Früher habe ich mit einem Favicon auch schon ein 2048-Spiel gebaut.
    https://aquova.net/games/2048/
  • Ich finde das wirklich faszinierend; auf Retina-Displays ist es noch schwieriger zu spielen.
• Ich finde es wirklich cool, aber das Zeichen zur Darstellung von Leerraum sieht in meinem Browser etwas seltsam aus, fast wie Rechtecke mit unterschiedlicher Breite.
  In Unicode gibt es alle 4x2-Braillemuster (256 Stück), daher könnte man auch erwägen, ⣿ als Hintergrund zu verwenden und Schlange oder Futter darüber per Schattierung herauszuschneiden.
  Beispiel: ⣿⣿⣛⣛⣛⣛⣛⣩⣽⣿⣯⣿⣿⣿
  Ich denke, das wäre mit gleichmäßigen Zeichenabständen leichter zu lesen.
  • Darüber habe ich auch nachgedacht; am Anfang würde das sicher helfen, später könnte es die Sache aber sogar verschlimmern.
    Je größer die Schlange wird, desto weiter breitet sie sich im Grid aus, und am Ende würden zwangsläufig mehr dieser Ersatzzeichen für Leerraum auffallen.
    Da das Spiel mit der Zeit schneller wird, halte ich es nicht für wünschenswert, dass der Bildschirm gerade in den Phasen unruhiger wird, in denen man sich konzentrieren muss.
    Wenn jemand eine gute Lösung für dieses seltsame Leerraumproblem kennt, würde ich sie wirklich gern erfahren; ich möchte mich dabei aber nicht auf Textausgabe wie den Seiten-<title> verlassen.
    Übrigens gab es kürzlich auch ein ähnliches Snake-Spiel auf Reddit, das im Titel gezeichnet wurde.
    https://old.reddit.com/r/webdev/comments/1n9z77e/snake_in_the_tab_title/
    Wenn man gerade auf Highscores aus ist, scheint es im Moment am besten zu sein, auf "?" zu klicken und sich die URL auf der Seite anzeigen zu lassen.
• Ich war überrascht, wie reaktionsschnell das Ganze ist, und richtig froh, dass ich nach dem Zurückkehren sauber zu HN zurückkam.
  Auch die History gerät nicht durcheinander, wirklich genial.
  • Sieht so aus, als würden history.pushState und history.replaceState sehr gut genutzt.
  • Im Sourcecode sieht es so aus, als müsse man in manchen Browsern, die URL-Updates begrenzen, eine andere Methode verwenden, um auch die Zurück-Funktion zu blockieren.
• Ich war beeindruckt, was für eine clevere Idee das ist.
  Besonders eindrucksvoll finde ich, dass Braillemuster verwendet werden, um die Punktinformationen in die URL umzuwandeln.
  https://github.com/epidemian/snake/blob/master/snake.js
• Wegen solcher Sachen komme ich zu Hacker News; das macht mir den Tag schöner.
• Ich finde, das ist eine wirklich einzigartige und kreative Idee.
• Für alle, die anfangs nicht verstanden haben, wie es funktioniert: Oben links gibt es ein kleines cyanfarbenes Fragezeichen.
  Dort wird es erklärt.

  Mit den Pfeiltasten oder WASD kann man die Schlange in der URL steuern. Wenn die URL schlecht sichtbar ist oder seltsam aussieht, anklicken.
  Außerdem muss die Adressleiste lang genug sein, damit man das Spielfeld sehen kann, also sollte man zum Spielen das Fenster breiter machen.
  Ein originelles Konzept, das gut funktioniert.

• Es ist schwieriger, als ich erwartet hatte; die leeren Punkte rund um die Schlange wirken ziemlich ablenkend.
  Ich frage mich, wie es aussehen würde, wenn man es ohne diese leeren Punkte auf der Seite darstellen würde.
• Wirklich clever, und das Spiel selbst macht auch tatsächlich genug Spaß.