Rogue ist Punk! Ein Roguelike im Browser bauen
Retrogaming
JavaScript
Spieleprogrammierung
Auf der Roguelike Celebration 2021 hatte Chris McCormick den Vortrag »Building Juicy Minimal Roguelikes in the Browser gehalten und darin gezeigt, wie man (beinahe) in JavaScript pur und ein wenig CSS plattfformübergreifend ein Roguelike für den Browser entwickeln kann. Leider fehlen im Begleittext zu dem Video die Links zu den verwendeten Bibliotheken und Assets. Das hole ich jetzt hier nach:
- Begleitend zu dem Video hat Chris McCormick eine GitHub-Seite mit dem Code und allen Ressourcen veröffentlicht. Ihr habt am meisten von dem Tutorial, wenn Ihr die Seite parallel dazu im Browser offen habt.
- Slingcode ist der freie (MIT-Lizenz) Online-Editor, den Chris McComick verwendet, und den er auch selber entwickelt hat (Quellcode @ GitHub). Jeder andere Editor, egal ob on- oder offline tut es aber auch).
- Ganz ohne Bibliothek geht es dann doch nicht. Im Hintergrund werkelt rot.js, ein ROguelike Toolkit für JavaScript von Ondrej Zara. Das Tool ist ebenfalls Open Source (BSD-Lizenz), den Quellcode gibt es auch auf GitHub und die Dokumentation und ein Tutorial gibt es hier.
- Chris verwendet für sein Beispielprogramm das 8x8 Pixel große Micro Roguelike von Kenney. Wie alles von Kenney ist auch dies Public Domain (CC0).
- Für sein eigenes Spiel Smallest Quest (siehe Screenshot) hat er das Doodle Rogue Tileset gezeichnet und unter der CC BY-ND veröffentlich (GitHub Repo). Ihr könnt es daher auch für kommerzielle Produkte verwenden, wenn Ihr den Namen des Schöpfers nennt.
- Er hat außerdem ein Roguelike Browser Boilerplate geschrieben und unter der MIT-Lizenz veröffentlicht. Wer ihn aber unterstützen möchte, kann dies auch auf Itch.io kaufen.
Alles, was Chris McCormick sonst noch an Videos hochgeladen hat, findet Ihr auf seinem YouTube-Kanal. Dieser wird immer noch gepflegt, das letzte Update ist gerade einmal drei Tage alt. Ich habe ihn daher stante pede abonniert. Und er führt auch ein interessantes Blog, das natürlich ebenfalls in meinem Feedreader gelandet ist.