Crisp Game Lib
Todo für Dozent — Vorbereitungen:
- ggf. Tutorial durchspielen
Eventuell kurz crisp-game-lib vorstellen:
- Paku Paku (1D-Pacman): https://abagames.github.io/crisp-game-lib-11-games/?pakupaku
- Quellcode besteht aus 189 (!) Zeilen JavaScript: https://github.com/abagames/crisp-game-lib-11-games/blob/main/docs/pakupaku/main.js
- Liste der Spiele für den Browser: http://www.asahi-net.or.jp/~cs8k-cyu/browser.html
- ⟶ Tutorial: https://behrends.github.io/mini-tutorials/pin-climb/
- API-Referenz von crisp-game-lib: https://abagames.github.io/crisp-game-lib/ref_document/modules.html
Todo für Dozent — Textseite in Moodle („Aufgaben für Spiele mit crisp-game-lib“) erstellen mit folgendem Text:
Falls Sie Zeit und Interesse haben, dann können Sie sich mit
[diesem Tutorial](https://behrends.github.io/mini-tutorials/pin-climb/) beschäftigen,
das ein minimalistisches „Ein-Knop-Spiel“ mit JavaScript und crisp-game-lib erstellt.
Mit crisp-game-lib wurde z.B. das Spiel [1D-Pacman](https://abagames.github.io/ crisp-game-lib-11-games/?pakupaku) programmiert.TODO: können wir dies in Prog (TIF,WWI) verwenden?
crisp-game-lib ist eine JavaScript-Bibliothek für die Programmierung klassischer Arcade-Spiele, die im Browser ausgeführt werden. Oftmals sind diese Spiele so minimalistisch, das sie nur einen Button benötigen, d.h. nur mit einer Taste, Mausklick oder Antippen des Bildschirms gespielt werden können. Beispiele:
- Paku Paku (1D-Pacman): https://abagames.github.io/crisp-game-lib-11-games/?pakupaku
- Quellcode besteht aus 189 (!) Zeilen JavaScript: https://github.com/abagames/crisp-game-lib-11-games/blob/main/docs/pakupaku/main.js
- Liste einiger crisp-game-lib-Spiele für den Browser: http://www.asahi-net.or.jp/~cs8k-cyu/browser.html
Gemeinsam entwickeln wir nun ein Spiel namens pin climb mit crisp-game-lib.
Es kann hier gespielt werden:
https://abagames.github.io/crisp-game-lib-11-games/?pinclimb
Für dieses Spiel werden wir nur ca. 60 Zeilen JavaScript-Code benötigen.
Mit dem folgenden Tutorial geht es nun los: https://behrends.github.io/mini-tutorials/pinclimb/
Alle öffnen das Codepen-Template im Browser.
Codepen kurz erklären: HTML, CSS, JavaScript. Wesentlich ist der JavaScript-Teil.
Nützliche Links zu crisp-game-lib:
- API-Referenz von crisp-game-lib: https://abagames.github.io/crisp-game-lib/ref_document/modules.html
- Code einiger Spiele: https://github.com/abagames/crisp-game-lib-11-games/tree/main/docs
Das kürzeste Spiel besteht aus 84 Zeilen JavaScript-Code (Pillars3D), das längste aus 553 Zeilen (Skygolf).