Gioco di golf creato ieri sera con Claude Code, Svelte e ThreeJS

Ieri sera, un gioco di golf 3D completamente giocabile ha preso vita utilizzando Claude Code, Svelte e ThreeJS, creato in un'unica sessione senza toccare il motore di gioco. Questo progetto dimostra esattamente come il moderno sviluppo assistito dall’intelligenza artificiale stia colmando il divario tra idea e prodotto funzionante e perché esistono strumenti come Mewayz per aiutare i costruttori ambiziosi a consegnare più velocemente.

Che aspetto aveva effettivamente il gioco del golf una volta realizzato?

Il risultato finale è stato un gioco di golf in prima persona basato su browser, reso interamente in 3D. ThreeJS ha gestito il grafico della scena, l'illuminazione, la mesh del terreno e la simulazione della fisica della palla. Svelte ha guidato il livello dell'interfaccia utente: scorecard, misuratore di potenza del tiro, indicatore del vento e menu di selezione delle buche. Claude Code ha agito come programmatore di coppia durante tutto il processo, generando boilerplate, debuggando errori di shader e suggerendo l'architettura su come i negozi Svelte dovrebbero comunicare le modifiche di stato al ciclo di rendering ThreeJS.

Alla fine della sessione, il gioco includeva un green generato proceduralmente, una traiettoria parabolica realistica della palla con decadimento della rotazione, illuminazione ambientale con ombre e un sistema par funzionante su tre buche. Il tempo totale di costruzione è stato di circa quattro ore. Nessuna unità. No irreale. Solo una scheda del browser, un terminale e un'intelligenza artificiale che non si stanca mai.

In che modo Claude Code ha gestito il lavoro pesante tecnico?

La parte più impressionante della costruzione non è stata il codice in sé, ma la velocità con cui le decisioni architettoniche sono state risolte. Claude Code ha compreso il contesto di ciascun file senza bisogno di essere nuovamente informato. Quando il ciclo di animazione di ThreeJS ha iniziato a entrare in conflitto con gli aggiornamenti reattivi del negozio di Svelte, Claude ha immediatamente diagnosticato il problema del doppio rendering e ha proposto un modello di bus di eventi pulito per disaccoppiare i due sistemi.

"Il vero potere dello sviluppo assistito dall'intelligenza artificiale non è il completamento automatico: sta nell'avere un collaboratore che tiene a mente l'intera architettura mentre tu ti concentri sul problema creativo che hai di fronte."

Claude Code ha anche gestito il lavoro di implementazione più noioso che in genere rallenta i progetti da solista: scrivere la matematica dei quaternioni per i vettori di impatto da club a palla, strutturare la pipeline di caricamento delle risorse e impostare da zero la configurazione di Vite per un progetto Svelte + ThreeJS. Quelle che normalmente sarebbero due ore di archeologia Stack Overflow hanno richiesto circa dodici minuti.

Perché Svelte e ThreeJS si sono rivelati un abbinamento perfetto?

La combinazione di Svelte e ThreeJS è sottoutilizzata nella comunità di sviluppo di giochi web e questo progetto ha dimostrato perché merita maggiore attenzione. La reattività in fase di compilazione di Svelte significa che non c'è praticamente alcun sovraccarico durante l'aggiornamento degli elementi dell'interfaccia utente del gioco: la barra di potenza, la visualizzazione della velocità del vento e il contatore dei colpi sono tutti aggiornati a 60 fps senza un singolo intoppo nelle prestazioni.

ThreeJS ha fornito tutto il necessario per un ambiente 3D convincente senza il sovraccarico di astrazione di un motore completo:

Primitive geometriche per fairway, tee box e Hole Cup, tutte realizzate con istanze PlaneGeometry e CilindroGeometry

MeshStandardMateriale con valori di ruvidità e metallizzazione che conferiscono alla pallina da golf la sua lucentezza distintiva sotto l'illuminazione direzionale

Raycasting per rilevare la collisione tra palla e terreno e attivare la fisica del rimbalzo

OrbitControls adattati per una prospettiva fly-cam che segue l'arco della palla dopo ogni tiro

AnimationMixer per gestire l'animazione della bandiera sul green, aggiungendo un piccolo ma soddisfacente dettaglio di rifinitura visiva

L'albero dei componenti di Svelte è rimasto completamente separato dall'albero delle scene di ThreeJS, il che ha reso il debug semplice e ha mantenuto la base di codice pulita anche se le funzionalità venivano aggiunte rapidamente.

Cosa rivela questa build sullo sviluppo di prodotti assistito dall’intelligenza artificiale nel 2025?

Il gioco del golf è un progetto giocattolo, ma il flusso di lavoro che ha dimostrato è direttamente applicabile allo sviluppo di un prodotto serio. Quando Claude Code viene utilizzato come collaboratore attivo anziché come strumento di completamento automatico passivo, la qualità dell'output aumenta in modo significativo. La differenza fondamentale è la continuità del contesto: Claude Code tiene traccia di ciò che è già stato bu

Related Posts

• CXMT offre chip DDR4 a circa la metà del prezzo di mercato prevalente
• Lo Strumento di Sandboxing da Riga di Comando Poco Conosciuto di macOS (2025)
• Mostra HN: DSCI – CI Dead Simple
• Implementazione in camera bianca di Half-Life 2 sul motore Quake 1

Frequently Asked Questions