Ein Tutorial von CSS-Tricks zeigt, wie Entwickler mit Node.js wiederkehrende Arbeitsschritte bei konfigurierbaren Spielen automatisieren. Ausgangspunkt ist ein Online-Games-Team, bei dem laut Autor rund 70 Prozent der Arbeitszeit in das Kopieren von Vorlagen und das Ausliefern neu gestalteter Fassungen flossen.
Die Beispielprojekte teilen sich eine gebündelte JavaScript-Datei und laden spielespezifische Werte aus einer JSON-Datei. Farben und Asset-Pfade können dadurch geändert werden, ohne die gemeinsame Spiellogik jedes Mal neu zu kompilieren. Als Basis dient eine anpassbare Variante des MDN-Breakout-Beispiels mit HTML Canvas.
JSON trennt Spiellogik und Variante
Die Vorlage enthält eine Konfigurationsdatei mit primärer und sekundärer Farbe. Beim Start liest der Browser die JSON-Datei ein und übergibt die Werte an die Spiellogik. Der gleiche Ansatz lässt sich auf weitere Inhalte und Asset-Pfade übertragen, sofern die Anwendung diese Werte beim Laden berücksichtigt.
Ein Node.js-Skript nimmt anschließend den Namen der neuen Variante und die beiden Farben als Kommandozeilenargumente entgegen. Fehlen Angaben, fragt das Skript sie interaktiv ab. Eine Prüfung stellt sicher, dass die Farben als gültige Hexadezimalwerte vorliegen, bevor die neue Fassung erzeugt wird.
Vorlage kopieren und Konfiguration aktualisieren
Für jede Variante kopiert das Skript das Vorlagenverzeichnis in einen neuen Release-Ordner. Danach öffnet es die dort angelegte JSON-Datei, ersetzt die Farbwerte und bietet an, die fertige Version im Browser zu öffnen. Benötigt werden Node.js, Git, ein lokales Repository und ein einfacher Entwicklungsserver.
Der Ablauf folgt demselben Grundgedanken wie bei serverlosen Funktionen in einer Build-Umgebung: Wiederholbare Schritte werden in eine ausführbare Routine überführt. Für Spiele mit vielen thematischen Varianten kann die Trennung von gemeinsamer Logik und konfigurierbaren Daten den manuellen Aufwand bei Tests und Auslieferungen reduzieren.