Journal de développement du jeu Claude : Leçons et pile de développement agentique Three.js

Flux de Travail de Développement de Jeu Agentique

Un développeur web sans expérience en développement de jeu a créé un jeu de type line rider appelé LUMINAL avec Three.js entièrement en utilisant Claude AI sur deux semaines, sans écrire directement de code. Le développeur rapporte qu'avec de la persévérance et un abonnement Claude 5x ou 20x, quelqu'un pourrait produire un jeu de qualité en quelques mois.

Pratiques Clés de Développement

• Stratégie Git : Utiliser des worktrees Git pour éviter les collisions, maintenir une branche de développement et travailler exclusivement sur des branches de fonctionnalités. Fermer les sessions IA et en démarrer de nouvelles une fois une fonctionnalité terminée.
• TypeScript & Tests : Implémenter TypeScript tôt et écrire des tests unitaires tôt, incluant des tests dans chaque plan tant que le contexte est disponible. Auditer régulièrement les tests et ne pas retarder les tests de bout en bout.
• Conscience de l'Infrastructure : Identifier quand demander à Claude d'effectuer des tâches répétitives et construire une infrastructure partagée avant que l'assurance qualité ne devienne répétitive.
• Intégration d'Outils : Utiliser le plugin Superpowers pour développer des compétences et brainstormer, et un abonnement Codex à 20 $ pour la revue de code, l'élaboration de spécifications et les ajustements ciblés d'interface utilisateur (meilleur que Claude pour les retours basés sur l'image).
• Configuration du Terminal : Le terminal WARP est recommandé par rapport à d'autres configurations.

Gestion des Limites de l'IA

L'IA a du mal avec les aspects subjectifs comme les palettes de couleurs, les niveaux de bloom et la conception sonore procédurale. La solution : faire construire par Claude des centaines de curseurs et interrupteurs réservés à l'administration pour des paramètres comme le bloom, les cartes de couleurs et les sons procéduraux, avec une fonctionnalité d'export/import JSON pour renvoyer les configurations à l'IA.

Utilisation des Ressources

Utiliser des ressources existantes plutôt que tout construire à partir de zéro : 21st.dev, CodePen, Sketchfab et les ressources communautaires.

Sagesse du Développement

• Vous pouvez construire plus vite que vous ne pouvez corriger les bugs. Ajouter trop de choses trop vite conduit à des semaines de polissage et de tests navigateur.
• Utiliser les temps d'attente pour planifier avec des outils comme Workflowy, avec 20-30 plans/idées/corrections de bugs à développer avec ChatGPT/Codex en attendant Claude ou les limites d'utilisation.
• Se concentrer sur l'apprentissage et le plaisir plutôt que sur la monétisation immédiate.

Pile Technologique

• Cœur : TypeScript, Three.js, Vite
• Backend : Firebase (Auth, RTDB, Firestore, Hosting, Cloud Functions)
• Serveur de Jeu : Node.js avec la bibliothèque WebSocket ws
• Tests/Linting : Vitest + ESLint
• Réseau : Simulation déterministe lockstep synchronisant uniquement les deltas d'entrée via un relais WebSocket (Cloudflare Workers). Utilise un générateur de nombres aléatoires ensemencé + une détection de désynchronisation par hachage de frame pour un état cohérent entre les clients. Nécessite plus de travail sur la reconnexion.

URL du Jeu : https://luminal.live/ (décrit comme "encore un bazar buggé")