Cyberkids: Snake mit p5.js
Fr., 06. Nov.
|Ulm
Lerne Programmieren durch den Spieleklassiker! In diesem kreativen Coding-Workshop nutzen wir das JavaScript-Framework p5.js, um das Spiel „Snake“ von Grund auf selbst zu schreiben.
Zeit & Ort
06. Nov. 2026, 13:00 – 17:00
Ulm, Weinhof 9, 89073 Ulm, Deutschland
Über die Veranstaltung
Warum nur Spiele spielen, wenn man sie selbst erschaffen kann? Der Spieleklassiker „Snake“ ist das perfekte Projekt, um die Grundlagen der Programmierung zu verstehen. In diesem Workshop nutzen wir p5.js – eine mächtige, einsteigerfreundliche JavaScript-Bibliothek, die speziell für visuelles Programmieren und digitale Kunst entwickelt wurde.
Wir starten direkt im webbasierten p5.js-Editor, sodass niemand komplizierte Software installieren muss. Code eingeben, auf „Play“ drücken und sofort sehen, was auf dem Bildschirm passiert – so wird Informatik lebendig, logisch und extrem motivierend.
Die Entwicklungsstufen unseres Spiels:
Das Spielfeld und die Bewegung: Wir beginnen mit der „Game Loop“ (Zeichenschleife). Die Teilnehmenden lernen, wie man das Raster zeichnet und ein einzelnes Quadrat (den Kopf der Schlange) per Tastatur (Pfeiltasten oder WASD) in vier Richtungen steuert.
Das Futter und das Wachstum: Als Nächstes bringen wir Logik ins Spiel. Wir lassen zufällig Futter-Pixel erscheinen. Sobald die Schlange das Futter berührt (Kollisionsabfrage), verschwindet es, taucht woanders neu auf und die Schlange wächst.…