JavaScript Game
Slay the Snake
Dieses Projekt ist ein kleines Browser-Spiel, bei dem ich klassische Snake-Mechaniken mit einem dunklen, modernen Design kombiniert habe. Ziel war es, Spiellogik, Tastatursteuerung, Canvas-Zeichnung und Zustände wie Start, Game Over und Highscore besser zu verstehen.
Night Edition
1. Idee
Ich wollte ein Spiel entwickeln, das einfach zu verstehen ist, aber trotzdem echte Programmlogik braucht. Snake eignet sich dafür sehr gut, weil man Bewegung, Kollisionen, Punkte, Wachstum und Spielzustände Schritt für Schritt umsetzen kann.
Gleichzeitig wollte ich dem Spiel einen eigenen Stil geben. Deshalb ist aus einem klassischen Snake-Spiel die dunkle Variante „Slay the Snake – Night Edition“ geworden.
2. Herausforderung
Die größte Herausforderung war die Spiellogik: Die Schlange muss sich flüssig bewegen, darf nicht direkt rückwärts laufen, muss beim Apfel wachsen und bei Kollisionen korrekt verlieren.
Außerdem musste ich darauf achten, dass der Apfel nicht auf der Schlange erscheint und dass der Highscore im Browser gespeichert bleibt.
3. Umsetzung
- Umsetzung mit HTML, CSS und JavaScript
- Zeichnen des Spiels über ein Canvas-Element
- Steuerung über Pfeiltasten und Touch/Swipe
- Score- und Highscore-System mit localStorage
- Partikel-Effekt beim Einsammeln des Apfels
- Startscreen, Countdown und Game-Over-Anzeige