Claude Game Dev Log: Lehren aus agentenbasierter Three.js-Entwicklung und Tech-Stack

Agentische Spieleentwicklungs-Workflow

Ein Webentwickler ohne Spieleentwicklungserfahrung hat über zwei Wochen hinweg ein Three.js-Line-Rider-Spiel namens LUMINAL ausschließlich mit Claude AI entwickelt, ohne direkt Code zu schreiben. Der Entwickler berichtet, dass mit Ausdauer und einem Claude 5x- oder 20x-Abo jemand in wenigen Monaten ein qualitativ hochwertiges Spiel produzieren könnte.

Wichtige Entwicklungspraktiken

• Git-Strategie: Git-Worktrees verwenden, um Kollisionen zu vermeiden, einen Entwicklungsbranch zu pflegen und ausschließlich auf Feature-Branches zu arbeiten. KI-Sitzungen schließen und neue starten, sobald ein Feature abgeschlossen ist.
• TypeScript & Testing: TypeScript frühzeitig implementieren und frühzeitig Unit-Tests schreiben, einschließlich Tests in jedem Plan, solange der Kontext verfügbar ist. Tests regelmäßig überprüfen und End-to-End-Tests nicht verzögern.
• Infrastrukturbewusstsein: Erkennen, wann Claude repetitive Aufgaben ausführen soll, und gemeinsame Infrastruktur aufbauen, bevor die Qualitätssicherung repetitiv wird.
• Tool-Integration: Superpowers-Plugin für Kompetenzaufbau und Brainstorming verwenden, sowie ein 20-Dollar-Codex-Abo für Code-Review, Spezifikationserstellung und gezielte UI-Anpassungen (besser als Claude für bildbasierte UI-Rückmeldungen).
• Terminal-Einrichtung: WARP-Terminal wird gegenüber anderen Setups empfohlen.

Umgang mit KI-Limitationen

KI hat Schwierigkeiten mit subjektiven Aspekten wie Farbpaletten, Bloom-Leveln und prozeduralem Sounddesign. Die Lösung: Claude Hunderte von nur-Admin-Schiebereglern und Umschaltern für Parameter wie Bloom, Farbkarten und prozedurale Sounds erstellen lassen, mit JSON-Export-/Import-Funktionalität, um Konfigurationen zurück an die KI zu übermitteln.

Ressourcennutzung

Bestehende Ressourcen nutzen, anstatt alles von Grund auf zu bauen: 21st.dev, CodePen, Sketchfab und Community-Assets.

Entwicklungsweisheiten

• Man kann schneller bauen, als Fehler beheben. Zu viel zu schnell hinzuzufügen führt zu Wochen der Nachbearbeitung und Browser-Tests.
• Leerlaufzeiten für Planung mit Tools wie Workflowy nutzen, mit 20-30 Plänen/Gedanken/Fehlerbehebungen, die mit ChatGPT/Codex ausgearbeitet werden, während man auf Claude oder Nutzungslimits wartet.
• Sich auf Lernen und Spaß konzentrieren, anstatt auf sofortige Monetarisierung.

Tech-Stack

• Kern: TypeScript, Three.js, Vite
• Backend: Firebase (Auth, RTDB, Firestore, Hosting, Cloud Functions)
• Spieleserver: Node.js mit ws WebSocket-Bibliothek
• Testing/Linting: Vitest + ESLint
• Netzwerkcode: Deterministische Lockstep-Simulation, die nur Eingabe-Deltas über einen WebSocket-Relay (Cloudflare Workers) synchronisiert. Verwendet gesäte Zufallszahlen + Frame-Hash-Desynchronisationserkennung für konsistenten Zustand über Clients hinweg. Benötigt mehr Arbeit an der Wiederverbindung.

Spiel-URL: https://luminal.live/ (beschrieben als "immer noch ein fehlerhaftes Chaos")