Golfspiel, das gestern Abend mit Claude Code, Svelte und ThreeJS erstellt wurde

Gestern Abend wurde mit Claude Code, Svelte und ThreeJS ein vollständig spielbares 3D-Golfspiel zum Leben erweckt – erstellt in einer einzigen Sitzung, ohne eine Spiel-Engine zu berühren. Dieses Projekt zeigt genau, wie moderne KI-gestützte Entwicklung die Lücke zwischen Idee und funktionierendem Produkt schließt und warum Tools wie Mewayz existieren, um ambitionierten Bauherren dabei zu helfen, schneller zu liefern.

Wie sah das Golfspiel tatsächlich aus, als es fertig war?

Das Endergebnis war ein browserbasiertes Ego-Golfspiel, das vollständig in 3D gerendert wurde. ThreeJS kümmerte sich um das Szenendiagramm, die Beleuchtung, das Geländenetz und die Simulation der Ballphysik. Svelte steuerte die Benutzeroberfläche – die Scorekarte, den Schlagkraftmesser, die Windanzeige und das Lochauswahlmenü. Claude Code fungierte durchgehend als Paarprogrammierer, generierte Boilerplate, debuggte Shader-Fehler und schlug die Architektur vor, wie Svelte-Stores Zustandsänderungen an die ThreeJS-Renderschleife kommunizieren sollten.

Am Ende der Sitzung umfasste das Spiel ein prozedural generiertes Grün, eine realistische parabolische Ballflugbahn mit Spin-Decay, Umgebungsbeleuchtung mit Schatten und ein funktionierendes Par-System über drei Löcher hinweg. Die gesamte Bauzeit betrug etwa vier Stunden. Keine Einheit. Kein Unwirkliches. Nur ein Browser-Tab, ein Terminal und eine KI, die niemals müde wird.

Wie hat Claude Code mit der technischen Schwerstarbeit umgegangen?

Der beeindruckendste Teil des Builds war nicht der Code selbst – es war die Geschwindigkeit, mit der Architekturentscheidungen getroffen wurden. Claude Code verstand den Kontext jeder Akte, ohne dass eine erneute Einweisung erforderlich war. Als es zu Konflikten zwischen der ThreeJS-Animationsschleife und den reaktiven Store-Updates von Svelte kam, diagnostizierte Claude sofort das Doppel-Rendering-Problem und schlug ein sauberes Event-Bus-Muster vor, um die beiden Systeme zu entkoppeln.

„Die wahre Stärke der KI-gestützten Entwicklung liegt nicht in der automatischen Vervollständigung, sondern darin, einen Mitarbeiter zu haben, der die gesamte Architektur im Auge behält, während man sich auf das kreative Problem vor einem konzentriert.“

Claude Code kümmerte sich auch um die mühsamere Implementierungsarbeit, die Soloprojekte normalerweise in die Länge zieht: das Schreiben der Quaternion-Mathematik für Schläger-zu-Ball-Schlagvektoren, die Strukturierung der Asset-Loading-Pipeline und die Einrichtung der Vite-Konfiguration für ein Svelte + ThreeJS-Projekt von Grund auf. Was normalerweise zwei Stunden Stack Overflow-Archäologie dauern würde, dauerte etwa zwölf Minuten.

Warum erwiesen sich Svelte und ThreeJS als perfektes Paar?

Die Kombination von Svelte und ThreeJS wird in der Web-Game-Entwickler-Community zu wenig genutzt, und dieses Projekt hat bewiesen, warum es mehr Aufmerksamkeit verdient. Die Reaktivität von Svelte zur Kompilierungszeit bedeutet, dass bei der Aktualisierung von UI-Elementen des Spiels praktisch kein Mehraufwand entsteht – die Leistungsleiste, die Windgeschwindigkeitsanzeige und der Schlagzähler werden alle mit 60 fps aktualisiert, ohne dass es zu einem einzigen Leistungseinbruch kommt.

ThreeJS stellte alles bereit, was für eine überzeugende 3D-Umgebung erforderlich war, ohne den Abstraktionsaufwand einer vollständigen Engine:

Geometrieprimitive für das Fairway, die Abschlagbox und den Lochbecher – alle erstellt mit PlaneGeometry- und ZylinderGeometry-Instanzen

MeshStandardMaterial mit Rauheits- und Metalligkeitswerten, die dem Golfball bei gerichteter Beleuchtung seinen charakteristischen Glanz verleihen

Raycasting zur Erkennung von Kollisionen zwischen Ball und Gelände und zur Auslösung der Sprungphysik

OrbitControls angepasst für eine Fly-Cam-Perspektive, die dem Ballbogen nach jedem Schuss folgt

AnimationMixer, um die Flaggenanimation auf dem Grün zu verwalten und ein kleines, aber zufriedenstellendes visuelles Detail hinzuzufügen

Der Svelte-Komponentenbaum blieb vollständig vom ThreeJS-Szenenbaum getrennt, was das Debuggen vereinfachte und die Codebasis sauber hielt, selbst wenn Funktionen schnell hinzugefügt wurden.

Was verrät dieser Build über die KI-gestützte Produktentwicklung im Jahr 2025?

Das Golfspiel ist ein Spielzeugprojekt, aber der gezeigte Arbeitsablauf ist direkt auf die ernsthafte Produktentwicklung anwendbar. Wenn Claude Code als aktiver Mitarbeiter und nicht als passives Autovervollständigungstool verwendet wird, steigt die Ausgabequalität erheblich. Der Hauptunterschied ist die Kontextkontinuität – Claude Code verfolgt, was bereits geschehen ist

Related Posts

• CXMT bietet DDR4-Chips etwa zur Hälfte des marktüblichen Preises an
• macOS' wenig bekanntes Kommandozeilen-Sandboxing-Tool (2025)
• DJBs Kryptografische Odyssee: Vom Code-Helden zum Standards-Kritiker
• GLM-5: Ausrichtung auf komplexe Systemtechnik und langfristige Agentenaufgaben