Développeur crée un jeu de navigateur 3D en utilisant Claude Code Opus et Three.js

Aperçu du projet
Un développeur a créé Traffic Architect, un jeu de construction de routes 3D et de gestion du trafic qui fonctionne entièrement dans le navigateur. Le jeu est disponible sur crazygames.com/game/traffic-architect-tic.
La pile technique se compose de Claude Code Opus 4.6 et Three.js. L'ensemble du projet a été généré par code sans fichiers image externes, modèles 3D ou feuilles de sprites. Claude Code écrit du JavaScript qui crée tous les visuels en temps réel.
Mécaniques du jeu
Dans Traffic Architect, les joueurs conçoivent des réseaux routiers pour une ville en expansion. Des bâtiments apparaissent et génèrent des voitures qui doivent atteindre d'autres bâtiments. Les joueurs connectent les bâtiments avec des routes, gagnent de l'argent grâce aux livraisons et débloquent de nouveaux types de routes. Le jeu se termine si le trafic s'accumule.
Stratégies de flux de travail avec Claude Code
Le développeur a partagé des stratégies spécifiques pour travailler efficacement avec Claude Code :
- Planifier d'abord : Commencez toujours par établir un plan avant d'écrire du code. Décomposez le travail en petites tâches ciblées - une chose à la fois. Cela empêche Claude de s'égarer ou d'essayer de faire trop de choses en même temps.
- Tout revoir : Examinez chaque modification de code produite par Claude. Ne vous contentez pas d'accepter et de passer à autre chose. Si quelque chose ne semble pas correct ou s'il existe une meilleure approche, insistez et itérez jusqu'à être satisfait de la solution.
- Petites tâches, pas de grandes : Gardez les tâches petites et spécifiques. Les tâches vagues ou massives ont tendance à faire dériver Claude. Les petites tâches bien définies offrent plus de contrôle sur le résultat.
- Approche collaborative : Certaines optimisations venaient du développeur, d'autres ont été suggérées par Claude. La clé est d'évaluer tout de manière critique - Claude propose, le développeur examine, et ils échangent. La relation est décrite comme "plus proche du travail avec un développeur junior que de la mise en pilote automatique".
- Restez impliqué : Claude Code fonctionne mieux lorsque vous restez dans la boucle. Le cycle de pré-planification, décomposition, examen et itération maintient une qualité élevée.
Le développeur est ouvert aux questions sur le flux de travail avec Claude Code et accueille favorablement les retours honnêtes sur le jeu.
📖 Read the full source: r/ClaudeAI
👀 See Also

Onglet Docs pour Claude Desktop : Une refonte de l'onglet Code pour les travailleurs du savoir
Une proposition sur Reddit suggère de réutiliser l'onglet Code de Claude Desktop, avec sa boucle d'agent et son espace de travail git, pour créer un onglet 'Docs' destiné aux équipes conformité, juridique et opérations — en masquant le jargon technique derrière des termes familiers de gestion documentaire.

Utiliser Claude comme directeur créatif dans un pipeline de génération d'autocollants
Un développeur a créé une application d'autocollants où Claude analyse les photos téléchargées par les utilisateurs, génère neuf concepts d'autocollants et rédige des instructions détaillées pour les modèles d'image, ce qui donne des autocollants personnalisés plutôt que génériques.

Utilisation de Claude Code et Remotion pour Créer des Vidéos de Démonstration Sans Compétences en Design
Un développeur a retardé le lancement de son produit pendant des mois parce qu'il ne pouvait pas se permettre des vidéos de démonstration coûtant 300 à 1 000 dollars avec des délais de 6 à 10 semaines. En un week-end, il a utilisé Remotion (génération de vidéos basée sur React) et Claude Code pour créer ses propres vidéos, illustrations et composants de page de destination, obtenant des milliers de vues sur ses reels.

Claude Code conçoit des cartes de visite imprimables via HTML + Playwright
Un utilisateur a automatisé la conception de cartes de visite en fournissant à Claude une photo de chat et un lien de site web, en itérant avec des captures d'écran Playwright jusqu'à la perfection, puis en imprimant sur du papier cartonné Avery via un modèle HTML en grille 2x5.