Springe zum Inhalt oder Footer
SerloDie freie Lernplattform

1Ssssnake

In diesem Kurs wollen wir gemeinsam den Spieleklassiker Snake programmieren. Es gibt natürlich wieder ein Erklärvideo, dass dich durch die einzelnen Schritte begleitet. Am meisten lernst du aber, wenn du es zunächst alleine versuchst. Die wichtigsten Informationen dazu erhältst du hier.

Spielregeln: Du bewegst mithilfe der Tastatur eine Schlange in einer 2D-Spielwelt. Es erscheint ein Apfel (in unserem Fall natürlich Kekse) an einer zufälligen Position, den du sammeln musst, indem du den Kopf der Schlange über den Apfel steuerst. Ist ein Apfel gesammelt erscheint ein neuer, dein Punktestand (Keksspeicher) wird erhöht und die Schlange wird länger. Um den Schwierigkeitsgrad zu erhöhen, steigert die Schlange ab einer gewissen Anzahl von Äpfeln ihre Geschwindigkeit. Du musst darauf achten, dass du nicht mit den Wänden oder dem Körper der Schlange kollidierst, sonst ist das Spiel vorbei.

Bild des Spieledialogs: Snake

In diesem Kurs wird auf die vorherigen Teile aufgebaut. Du benötigst also Kenntnisse über Variablen, Objekte und Arrays, Funktionen, Entscheidungen und Ereignisse.

Am Ende dieser Lektion kannst du...

  • ... auf Tastatureingaben reagieren (Eventlistener, keydown, keycode)

  • ... in ein HTML canvas-Element zeichnen

  • ... eine Zählschleife einsetzen (for)

  • ... eine bedingte Schleife verwenden (while)


Dieses Werk steht unter der freien Lizenz
CC BY-SA 4.0Was bedeutet das?