https://williamphk.github.io/useless-web/
Dieser JavaScript -Code ist Teil eines einfachen Schlangenspiels, in dem sich die Schlange über den Bildschirm bewegt, Essen isst und langwächst. Der Code definiert das Verhalten der Schlange, behandelt die Eingaben aus den Pfeiltasten und zeigt den Status des Spiels auf dem Bildschirm an.
gameBoard
, score1
, score2
werden mit ihren jeweiligen DOM -IDs ausgewählt. Die Dimensionen der Spielplatine werden basierend auf der Bildschirmgröße berechnet, die in 30px -Zellen unterteilt sind. Ein Raster wird erstellt, indem die Dimensionen durchschleifen, wobei jede Zelle durch einen Kontrollkästchen -Eingang dargestellt wird. Das Spielbrett wird dann mit Zeilen und Zellen besiedelt.
Die direction
, length
, starting position
, speed
und andere notwendige Variablen der Schlange sind definiert. Eine Zuordnung von Anweisungen zu Array -Indizes und -Operationen wird auch für einfache Schlangenbewegungen erstellt. Überprüfen Sie die Startposition der Schlange:
Die Ausgangsposition der Schlange wird auf dem Spielbrett überprüft.
checkRandomCellAsFood
-Funktion platziert Lebensmittel an zufälligen Orten auf dem Spielbrett, um sicherzustellen, dass das Essen nicht auf der Schlange selbst laichen.
Der "Start" -Button initiiert das Spiel. Die updatePosition
-Funktion aktualisiert die visuelle Position der Schlange und übernimmt die Logik, wenn die Schlange Lebensmittel frisst oder auf verschiedene andere Spielbedingungen stößt. Schlangenbewegung & Farbveränderung:
Die Bewegung der Schlange wird durch die Pfeilschlüssel gesteuert. Eine zufällige Farbe wird mit getRandomColor
-Funktion für Stylingzwecke erzeugt.
Wenn die Schlange aus den Grenzen geht oder sich selbst läuft, endet das Spiel. Die gameOver
-Funktion wird aufgerufen, um das Spiel über Szenarien zu bewältigen.
Die uncheckAll
der Funktion deaktiviert alle Zellen und löscht die Platine. Die printGameOverWithCheckbox
-Funktion druckt auf dem Spielbrett mit überprüflichen Kontrollkästchen "Spiel über".
Für diesen Code sind keine externen Bibliotheken oder Abhängigkeiten erforderlich. Es läuft nur auf Vanille -JavaScript.