Optik, Bewegung und Sound deines Games gestaltest du zu 100 % selbst. Das hier ist der Design-Werkzeugkasten, den die Games-Branche tatsächlich für Browser-Casino-, Slot-, Arcade- und Skill-Games nutzt — jede Option gruppiert nach Verwendungszweck, mit dem, was sie tut, und wie man sie installiert. Wähle je nach Game-Typ; du brauchst nie alles.
stacks/01-render-engines.md
1 · Render-Engines & Frameworks (2D / 3D)
Die Fläche, auf der dein Game zeichnet. Wähle nach Dimension — und danach, wie viel die Engine für dich erledigen soll: ein volles Framework oder ein schlanker Renderer, den du selbst steuerst.
›Phaser — Komplettes 2D-Game-Framework — Szenen, Input, Tweens, Audio und Physik eingebaut. Ein starker Allrounder für Arcade- & Skill-Games.
›PixiJS — Der schnellste 2D-WebGL-Renderer (Sprites, Filter, Blend-Modes). Die Branchenwahl für Slot-Walzen und sprite-lastige Szenen; die Spiellogik ergänzt du selbst.
›Three.js — Die Standard-WebGL-Engine für 3D-Szenen, Materialien und Licht.
›Babylon.js — Eine vollwertige 3D-Game-Engine mit Editor-Tooling und eingebauter Physik.
›PlayCanvas — Cloud-3D-Engine mit visuellem Editor und Echtzeit-Zusammenarbeit.
›CreateJS / Konva — Leichtgewichtiges Canvas-2D für einfachere Optik und Karten-/Board-Layouts.
# 2D — volles Framework oder reiner Renderer
$npm install phaser # oder ein Renderer: npm install pixi.js
# 3D / WebGL
$npm install three # oder: npm install @babylonjs/core
Faustregel: 3D-Szene → Three.js / Babylon; Slot oder viele Sprites → PixiJS; fertiges 2D-Game out of the box → Phaser.