Hacker News

Joc de golf construït ahir a la nit amb Claude Code, Svelte i ThreeJS

Joc de golf construït ahir a la nit amb Claude Code, Svelte i ThreeJS Aquesta anàlisi exhaustiva del golf ofereix un examen detallat dels seus components bàsics i implicacions més àmplies. Àrees clau d'enfocament La discussió se centra en: Mecànica bàsica...

9 min read Via www.the-golf-is-golfing.com

Mewayz Team

Editorial Team

Hacker News

Ahir a la nit, un joc de golf en 3D totalment jugable va cobrar vida amb Claude Code, Svelte i ThreeJS, creat en una sola sessió sense tocar un motor de joc. Aquest projecte demostra exactament com el desenvolupament modern assistit per IA està col·lapsant la bretxa entre la idea i el producte que funciona, i per què existeixen eines com Mewayz per ajudar els constructors ambiciosos a enviar més ràpidament.

Com era realment el joc de golf quan es va fer?

El resultat final va ser un joc de golf en primera persona basat en navegador i representat completament en 3D. ThreeJS va gestionar el gràfic de l'escena, la il·luminació, la malla del terreny i la simulació de la física de boles. Svelte va conduir la capa de la interfície d'usuari: el quadre de puntuació, el mesurador de potència de tir, l'indicador de vent i el menú de selecció de forats. Claude Code va actuar com a programador de parelles durant tot el temps, generant un boilerplate, depurant errors de shader i suggerint l'arquitectura de com les botigues Svelte haurien de comunicar els canvis d'estat al bucle de renderització de ThreeJS.

Al final de la sessió, el joc incloïa un verd generat per procediments, una trajectòria de bola parabòlica realista amb decadència de gir, il·luminació ambiental amb ombres i un sistema de paritat de treball a través de tres forats. El temps total de construcció va ser d'aproximadament quatre hores. Sense unitat. No irreal. Només una pestanya del navegador, un terminal i una IA que no es cansa mai.

Com va gestionar Claude Code l'aixecament de peses tècniques?

La part més impressionant de la construcció no va ser el codi en si, sinó la velocitat amb què es resolien les decisions arquitectòniques. Claude Code va entendre el context de cada fitxer sense necessitat de tornar a informar. Quan el bucle d'animació ThreeJS va començar a entrar en conflicte amb les actualitzacions reactives de la botiga de Svelte, Claude va diagnosticar immediatament el problema de renderització doble i va proposar un patró de bus d'esdeveniments net per desacoblar els dos sistemes.

"El poder real del desenvolupament assistit per IA no és l'autocompletar; és tenir un col·laborador que tingui en compte tota l'arquitectura mentre us centreu en el problema creatiu que teniu davant."

Claude Code també va gestionar el treball d'implementació més tediós que normalment alenteix els projectes en solitari a un rastreig: escriure les matemàtiques del quaternió per als vectors d'impacte del club a la pilota, estructurar el canal de càrrega d'actius i configurar la configuració de Vite per a un projecte Svelte + ThreeJS des de zero. El que normalment serien dues hores d'arqueologia Stack Overflow va trigar uns dotze minuts.

Per què Svelte i ThreeJS van resultar ser una parella perfecta?

La combinació de Svelte i ThreeJS està infrautilitzada a la comunitat de desenvolupament de jocs web, i aquest projecte va demostrar per què mereix més atenció. La reactivitat en temps de compilació de Svelte significa que pràcticament no hi ha cap sobrecàrrega en actualitzar els elements de la interfície d'usuari del joc: la barra de potència, la visualització de la velocitat del vent i el comptador de cops s'actualitzen a 60 fps sense cap problema de rendiment.

ThreeJS va proporcionar tot el necessari per a un entorn 3D convincent sense la sobrecàrrega d'abstracció d'un motor complet:

💡 DID YOU KNOW?

Mewayz replaces 8+ business tools in one platform

CRM · Invoicing · HR · Projects · Booking · eCommerce · POS · Analytics. Free forever plan available.

Start Free →
  • Geometries primitives per al carrer, la caixa de sortida i la copa del forat, totes construïdes amb instàncies de PlaneGeometry i CylinderGeometry
  • Material MeshStandard amb valors de rugositat i metall que li van donar a la pilota de golf la seva brillantor distintiva sota la il·luminació direccional
  • Raycasting per detectar la col·lisió entre la pilota i el terreny i activar la física de rebot
  • OrbitControls adaptats per a una perspectiva de càmera de vol que segueix l'arc de la bola després de cada tir
  • AnimationMixer per gestionar l'animació de la bandera al verd, afegint un detall visual petit però satisfactori

L'arbre de components Svelte es va mantenir completament separat de l'arbre d'escenes ThreeJS, la qual cosa va fer que la depuració fos senzilla i va mantenir la base de codi neta tot i que les funcions s'han afegit ràpidament.

Què revela aquesta compilació sobre el desenvolupament de productes assistit per IA el 2025?

El joc de golf és un projecte de joguina, però el flux de treball que va demostrar s'aplica directament al desenvolupament seriós de productes. Quan Claude Code s'utilitza com a col·laborador actiu en lloc d'una eina d'autocompletar passiva, la qualitat de la sortida augmenta significativament. La diferència clau és la continuïtat del context: Claude Code fa un seguiment del que ja s'ha construït al llarg de la sessió i fa suggeriments que s'ajusten a l'arquitectura existent en lloc de generar patrons genèrics que s'han d'ajustar a mà.

Aquest és el mateix principi que impulsa el sistema operatiu empresarial de 207 mòduls de Mewayz. La plataforma no és una col·lecció d'aplicacions desconnectades, sinó que és una capa operativa integrada on cada mòdul comparteix context, dades i lògica de flux de treball. Tant si esteu gestionant un pipeline CRM, llançant un curs, executant un programa d'afiliats o programant contingut social, Mewayz manté el teixit connectiu entre tot. De la mateixa manera que Claude Code va mantenir l'arquitectura del joc de golf coherent durant quatre hores d'iteració ràpida, Mewayz manté les vostres operacions empresarials coherents a mesura que s'escalfen.

Com poden els desenvolupadors i els creadors d'empreses aplicar aquestes lliçons ara mateix?

La visió més transferible d'aquesta compilació és que les limitacions acceleren la creativitat. L'elecció de ThreeJS sobre Unity i Svelte sobre React obligava a prendre decisions intencionades a cada pas, i Claude Code va prendre aquestes decisions més ràpid i segur. La mateixa mentalitat s'aplica a l'hora de triar una plataforma empresarial: les limitacions adequades (un conjunt d'eines enfocades, un model de dades integrat, una plataforma dissenyada al voltant del vostre flux de treball) eliminen la fricció que mata l'impuls.

Per als 138.000 usuaris actius de Mewayz, l'estructura de la plataforma proporciona exactament aquest tipus de restricció productiva. En lloc d'unir dotze eines SaaS separades amb automatitzacions Zapier, tot viu dins d'un sistema coherent. A partir de 19 $ al mes, el cost de les despeses generals d'integració baixa a zero i el temps estalviat augmenta cada setmana.


Preguntes més freqüents

Puc crear un joc basat en navegador utilitzant només Svelte i ThreeJS sense un motor de joc dedicat?

Sí, i aquest projecte demostra que és totalment pràctic per a jocs d'abast petit i mitjà. ThreeJS gestiona la representació, les aproximacions físiques i la gestió d'escenes, mentre que Svelte gestiona l'estat reactiu de la interfície d'usuari de manera neta. Per a jocs senzills (platformes, jocs de trencaclosques, golf), aquesta pila funciona bé i es desplega com una aplicació web estàndard sense necessitat de connectors.

En què difereix Claude Code de les eines estàndard de compliment de codi d'IA com GitHub Copilot?

Claude Code funciona a nivell de projecte i no a nivell de línia. Entén les relacions entre fitxers, manté el context durant una sessió de desenvolupament completa i pot raonar sobre l'arquitectura, no només la sintaxi. Això fa que sigui molt més útil per a compilacions complexes on el repte és el disseny del sistema en lloc de recordar els noms dels mètodes de l'API.

Què fa que Mewayz sigui diferent de l'ús d'eines separades per a cada funció empresarial?

Mewayz consolida 207 mòduls, que cobreixen CRM, contingut, cursos, comerç electrònic, afiliats, anàlisis i més, en una única plataforma amb una capa de dades unificada. Això elimina la sobrecàrrega d'integració, les sitges de dades i l'expansió de les subscripcions que inclou l'apilament d'eines. Per a les empreses en creixement, la claredat operativa que ofereix és el producte real, no només la llista de funcions.


Ja sigui que esteu enviant un joc de golf a mitjanit o escalant un negoci al seu següent nivell d'ingressos, el camí més ràpid és un sistema integrat que manté el context perquè us pugueu centrar en l'execució. Mewayz està creat exactament per això. Inicia el teu compte Mewayz avui mateix a app.mewayz.com i gestiona tot el teu negoci des d'una única capa operativa coherent, a partir de 19 dòlars al mes.

Try Mewayz Free

All-in-one platform for CRM, invoicing, projects, HR & more. No credit card required.

Related Guide

HR Management Guide →

Manage your team effectively: employee profiles, leave management, payroll, and performance reviews.

Start managing your business smarter today

Join 30,000+ businesses. Free forever plan · No credit card required.

Ready to put this into practice?

Join 30,000+ businesses using Mewayz. Free forever plan — no credit card required.

Start Free Trial →

Ready to take action?

Start your free Mewayz trial today

All-in-one business platform. No credit card required.

Start Free →

14-day free trial · No credit card · Cancel anytime