Gholfspel gebou gisteraand saam met Claude Code, Svelte en ThreeJS

Gisteraand het 'n volledig speelbare 3D-gholfspeletjie tot lewe gekom met Claude Code, Svelte en ThreeJS - gebou in 'n enkele sessie sonder om aan 'n speletjie-enjin te raak. Hierdie projek demonstreer presies hoe moderne KI-gesteunde ontwikkeling die gaping tussen idee en werkende produk laat ineenstort, en waarom gereedskap soos Mewayz bestaan ​​om ambisieuse bouers te help om vinniger te stuur.

Hoe het die gholfspel eintlik gelyk toe dit gedoen is?

Die finale resultaat was 'n blaaier-gebaseerde, eerstepersoon-gholfspeletjie wat geheel en al in 3D gelewer is. ThreeJS het die toneelgrafiek, beligting, terreingaas en balfisika-simulasie hanteer. Svelte het die UI-laag bestuur - die telkaart, skootkragmeter, windaanwyser en gatkieslys. Claude Code het deurgaans as die paarprogrammeerder opgetree, boilerplate gegenereer, skadu-foute opgespoor en die argitektuur voorgestel vir hoe Svelte-winkels toestandsveranderinge aan die ThreeJS-weergawe-lus moet kommunikeer.

Teen die einde van die sessie het die speletjie 'n prosedureel gegenereerde setperk, 'n realistiese paraboliese balbaan met spinverval, omgewingsbeligting met skaduwees en 'n werkende parstelsel oor drie gate ingesluit. Die totale boutyd was ongeveer vier uur. Geen Eenheid. Nee onwerklik. Net 'n blaaieroortjie, 'n terminaal en 'n KI wat nooit moeg word nie.

Hoe het Claude Code die tegniese swaar opheffing hanteer?

Die indrukwekkendste deel van die bouwerk was nie die kode self nie - dit was die spoed waarteen argitektoniese besluite opgelos is. Claude Code het die konteks van elke lêer verstaan ​​sonder om weer ingelig te word. Toe die ThreeJS-animasielus begin bots het met Svelte se reaktiewe winkelopdaterings, het Claude dadelik die dubbelweergawe-kwessie gediagnoseer en 'n skoon gebeurtenisbuspatroon voorgestel om die twee stelsels te ontkoppel.

"Die werklike krag van KI-gesteunde ontwikkeling is nie outovoltooiing nie - dit is om 'n medewerker te hê wat die hele argitektuur in gedagte hou terwyl jy op die kreatiewe probleem voor jou fokus."

Claude Code het ook die meer vervelige implementeringswerk hanteer wat tipies solo-projekte tot 'n kruip vertraag: die skryf van die quaternion-wiskunde vir klub-tot-bal-impakvektore, die strukturering van die bate-laaipyplyn, en die opstel van die Vite-konfigurasie vir 'n Svelte + ThreeJS-projek van nuuts af. Wat normaalweg twee uur se Stack Overflow-argeologie sou wees, het ongeveer twaalf minute geneem.

Waarom het Svelte en ThreeJS 'n perfekte kombinasie geblyk te wees?

Die kombinasie van Svelte en ThreeJS word onderbenut in die webspeletjie-ontwikkelingsgemeenskap, en hierdie projek het bewys hoekom dit meer aandag verdien. Svelte se samestelling-tyd-reaktiwiteit beteken dat daar feitlik geen oorhoofse koste is wanneer speletjie-UI-elemente opgedateer word nie - die kragbalk, windspoedvertoning en slagteller word alles by 60 fps opgedateer sonder 'n enkele prestasiehik.

ThreeJS het alles verskaf wat nodig was vir 'n oortuigende 3D-omgewing sonder die abstraksie-bokoste van 'n volledige enjin:

Meetkunde-primitiewe vir die skoonveld, tee-boks en gatbeker - alles gebou met PlaneGeometry- en CylinderGeometry-gevalle

MeshStandard Materiaal met grofheid en metaalwaardes wat die gholfbal sy kenmerkende glans gegee het onder rigtingbeligting

Raycasting om bal-tot-terrein botsing op te spoor en om weiering fisika te aktiveer

OrbitControls aangepas vir 'n vliegkameraperspektief wat die balboog volg na elke skoot

AnimationMixer om die vlaganimasie op die setperk te hanteer, en voeg 'n klein maar bevredigende visuele poetsdetail by

Die Svelte-komponentboom het heeltemal apart van die ThreeJS-toneelboom gebly, wat ontfouting eenvoudig gemaak het en die kodebasis skoon gehou het, selfs al is kenmerke vinnig bygevoeg.

Wat openbaar hierdie gebou oor KI-ondersteunde produkontwikkeling in 2025?

Die gholfspeletjie is 'n speelgoedprojek, maar die werkvloei wat dit gedemonstreer het, is direk van toepassing op ernstige produkontwikkeling. Wanneer Claude Code as 'n aktiewe medewerker gebruik word eerder as 'n passiewe outovoltooi-instrument, spring die uitvoerkwaliteit aansienlik. Die belangrikste verskil is konteks kontinuïteit - Claude Code volg wat reeds oor die hele gebou gebou is

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

• QGIS 4.0
• Wys HN: Geo Racers – Wedloop van Londen na Tokio op 'n enkele buspas
• Beide GCC en Clang genereer vreemde/ondoeltreffende kode
• WolfSSL suig ook, so wat nou?