Golfspil bygget i aftes med Claude Code, Svelte og ThreeJS

I aftes kom et fuldt spilbart 3D-golfspil til live ved hjælp af Claude Code, Svelte og ThreeJS - bygget i en enkelt session uden at røre en spilmotor. Dette projekt demonstrerer præcis, hvordan moderne AI-assisteret udvikling kollapser kløften mellem idé og fungerende produkt, og hvorfor værktøjer som Mewayz findes for at hjælpe ambitiøse bygherrer med at sende hurtigere.

Hvordan så golfspillet faktisk ud, da det blev færdigt?

Det endelige resultat var et browserbaseret førstepersons golfspil gengivet udelukkende i 3D. ThreeJS håndterede scenegrafen, belysningen, terrænnet og simulering af boldfysik. Svelte kørte UI-laget - scorekortet, skudeffektmåleren, vindindikatoren og hulvalgsmenuen. Claude Code fungerede som par-programmør hele vejen igennem, genererede boilerplate, debugging shader-fejl og foreslog arkitekturen for, hvordan Svelte-butikker skulle kommunikere tilstandsændringer til ThreeJS-gengivelsesløkken.

Ved slutningen af ​​sessionen inkluderede spillet en proceduremæssigt genereret green, en realistisk parabolsk boldbane med spin-decay, omgivende belysning med skygger og et fungerende par-system på tværs af tre huller. Den samlede byggetid var cirka fire timer. Ingen enhed. Nej uvirkeligt. Bare en browserfane, en terminal og en AI, der aldrig bliver træt.

Hvordan håndterede Claude Code de tekniske tunge løft?

Den mest imponerende del af bygningen var ikke selve koden - det var den hastighed, hvormed arkitektoniske beslutninger blev løst. Claude Code forstod konteksten af ​​hver fil uden at skulle genorienteres. Da ThreeJS-animationsløkken begyndte at komme i konflikt med Sveltes reaktive butiksopdateringer, diagnosticerede Claude øjeblikkeligt problemet med dobbeltgengivelse og foreslog et rent event-bus-mønster for at afkoble de to systemer.

"Den virkelige kraft ved AI-assisteret udvikling er ikke autofuldførelse - det er at have en samarbejdspartner, der holder hele arkitekturen i tankerne, mens du fokuserer på det kreative problem foran dig."

Claude Code håndterede også det mere kedelige implementeringsarbejde, der typisk bremser soloprojekter til et krav: at skrive quaternion-matematikken for klub-til-bold-påvirkningsvektorer, strukturere aktivbelastningspipelinen og opsætte Vite-konfigurationen til et Svelte + ThreeJS-projekt fra bunden. Det, der normalt ville være to timers Stack Overflow-arkæologi, tog omkring tolv minutter.

Hvorfor viste Svelte og ThreeJS sig at være et perfekt par?

Kombinationen af ​​Svelte og ThreeJS er underudnyttet i webspiludviklingsfællesskabet, og dette projekt beviste, hvorfor det fortjener mere opmærksomhed. Sveltes kompileringstidsreaktivitet betyder, at der praktisk talt ikke er nogen overhead, når du opdaterer spil-UI-elementer - powerbaren, vindhastighedsdisplayet og slagtælleren er alle opdateret med 60 fps uden et eneste ydelsesproblem.

ThreeJS leverede alt det nødvendige til et overbevisende 3D-miljø uden abstraktionsoverhead fra en fuld motor:

Geometri-primitiver til fairway, tee-boks og hulskål - alt sammen bygget med PlaneGeometry- og CylinderGeometry-forekomster

MeshStandardmateriale med ruheds- og metalværdier, der gav golfbolden dens karakteristiske glans under retningsbestemt belysning

Raycasting til detektering af bold-til-terræn-kollision og udløsning af hoppefysik

OrbitControls tilpasset til et fly-cam-perspektiv, der følger kuglebuen efter hvert skud

AnimationMixer til at håndtere flaganimationen på greenen og tilføjer en lille, men tilfredsstillende visuel poleringsdetalje

Svelte-komponenttræet forblev fuldstændig adskilt fra ThreeJS-scenetræet, hvilket gjorde fejlfinding ligetil og holdt kodebasen ren, selvom funktioner blev tilføjet hurtigt.

Hvad afslører denne bygning om AI-assisteret produktudvikling i 2025?

Golfspillet er et legetøjsprojekt, men den arbejdsgang, det demonstrerede, er direkte anvendelig til seriøs produktudvikling. Når Claude Code bruges som en aktiv samarbejdspartner frem for et passivt autofuldførelsesværktøj, springer outputkvaliteten betydeligt. Den vigtigste forskel er kontekstkontinuitet - Claude Code sporer, hvad der allerede er bygget på tværs af

Frequently Asked Questions

Can I build a browser-based game using only Svelte and ThreeJS without a dedicated game engine?

Yes, and this project proves it is entirely practical for small-to-medium scope games. ThreeJS handles rendering, physics approximations, and scene management, while Svelte manages reactive UI state cleanly. For simple games — platformers, puzzle games, golf — this stack performs well and deploys as a standard web app with no plugins required.

How does Claude Code differ from standard AI code completion tools like GitHub Copilot?

Claude Code operates at the project level rather than the line level. It understands the relationships between files, maintains context across a full development session, and can reason about architecture, not just syntax. This makes it significantly more useful for complex builds where the challenge is system design rather than remembering API method names.

What makes Mewayz different from using separate tools for each business function?

Mewayz consolidates 207 modules — covering CRM, content, courses, ecommerce, affiliates, analytics, and more — into a single platform with a unified data layer. This eliminates the integration overhead, data silos, and subscription sprawl that come with tool stacking. For growing businesses, the operational clarity this provides is the actual product, not just the feature list.

Whether you are shipping a golf game at midnight or scaling a business to its next revenue tier, the fastest path forward is an integrated system that holds context so you can focus on execution. Mewayz is built for exactly that. Start your Mewayz account today at app.mewayz.com and run your entire business from a single, coherent operating layer — starting at $19 per month.

Related Posts

• Marginal revolution
• Google opfyldte ICE-stævning med krav om kreditkortnummer for studerendes journalist
• Vis HN: Multimodalt perceptionssystem til samtale i realtid
• Vis HN: Rowboat – AI-kollega, der forvandler dit arbejde til en vidensgraf (OSS)