Einstieg in Processing.js: Spieleprogrammierung ganz einfach
Mit Processing.js programmieren Sie mit wenigen Codezeilen kleine Animationen und Spiele direkt im Browser – der perfekte Einstieg in die Spieleprogrammierung.
(Bild: Albert Hulm)
- Pit Noack
Wie wäre es, Freunde und Verwandte einmal mit einem selbst geschriebenen Spiel zu überraschen? Das geht erstaunlich leicht mit Processing.js, kurz: p5js. Auf der Webseite können Sie direkt im Browser coden und ohne Installation einfache 2D-Spiele programmieren. Um unser Spiel nachzubauen, müssen Sie einen Account anlegen und sich anmelden. p5js läuft mit jedem aktuellen Browser unter allen gängigen Betriebssystemen und ist kostenlos.
Wie man mit p5js programmiert, zeigen wir am Beispiel eines einfachen Spiels. In dem saust ein Ball über den Bildschirm und prallt an den Spielfeldbegrenzungen ab. Die Aufgabe besteht darin, den Ball mit dem Mauszeiger zu schnappen. Verfehlt ein Mausklick den Ball, verliert der Spieler ein Leben. Für jeden Treffer gibt es einen Punkt. Je mehr Punkte der Spieler sammelt, umso schneller flitzt der Ball. Beim Abprall, Treffer und Fehlklick spielt das Spiel jeweils einen Soundeffekt ab. Das Spiel endet, wenn alle Leben verbraucht sind.
Processing-Profis, die die c't-Artikel "Malen nach Zahlen" und "Frische Werkzeuge für Processing-Künstler" gelesen haben, wird manches bekannt vorkommen. p5js ist die JavaScript-Variante von Processing. Unser Beispiel setzt nur grundlegende Kenntnisse von JavaScript voraus.
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Boox Note Air3 C im Test: Hybrid-Tablet mit farbigem E-Paper-Display
Das Musikprogramm Ableton Live 12 im Test
Smartes Türschloss im Test: Nuki 4 Pro mit Thread und Matter
Proxmox VE: Was es kann und was man dafür braucht
High-End-Smartphones im Kameravergleich: Wettkampf um die beste Bildqualität
Statt Passwörter: Wie Sie Accounts mit Passkeys schützen
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Boox Note Air3 C im Test: Hybrid-Tablet mit farbigem E-Paper-Display
Das Musikprogramm Ableton Live 12 im Test
Smartes Türschloss im Test: Nuki 4 Pro mit Thread und Matter
Proxmox VE: Was es kann und was man dafür braucht
High-End-Smartphones im Kameravergleich: Wettkampf um die beste Bildqualität