Création d'un JRPG en Pixel-Art avec Claude Code : Flux de travail et pile technique d'un développeur

✍️ OpenClawRadar📅 Publié: February 27, 2026🔗 Source
Création d'un JRPG en Pixel-Art avec Claude Code : Flux de travail et pile technique d'un développeur
Ad

Un développeur a partagé son expérience de création d'un JRPG complet en pixel-art appelé Bakemachi en utilisant Claude Code. Le jeu est conçu pour apprendre le japonais et comprend une démo jouable avec la plupart des éléments de gameplay de base implémentés.

Détails du projet

Le jeu propose une exploration du monde, des dialogues avec des PNJ incluant du vocabulaire interactif, des mini-jeux, un système de combat, un suivi des quêtes, et prend en charge les entrées tactiles, clavier et manette. La démo jouable dure environ 10 à 15 minutes et est accessible à l'adresse https://bakemachi-steam-demo-production.up.railway.app/ (cliquez sur "Nouvelle partie" pour commencer).

Pile technique

  • Frontend : Vite + React + TypeScript
  • Moteur de jeu : Phaser 3 gère le canvas du jeu (mouvement basé sur tuiles, sprites, animations)
  • Gestion d'état : Zustand fait le lien entre Phaser et React
  • Interface utilisateur : React rend toutes les superpositions (dialogues, menus, HUD, combat, mini-jeux)
  • Assets : Principalement créés à la main ou achetés, avec quelques assets "pixel-art" générés par Nano Banana
Ad

Flux de travail avec Claude Code

Le développeur a utilisé Claude Code (Opus 4.6) pour l'ensemble du projet, notant qu'il n'est pas un développeur de jeu et qu'il s'agit de son premier jeu. Son flux de travail impliquait :

  • Décrire les exigences en langage naturel
  • Revoir le code généré par Claude
  • Tester le jeu
  • Itérer en fonction des résultats

Observations clés sur Claude Code

  • Changements complexes : Claude a géré efficacement les modifications multi-fichiers, comme l'ajout d'un système de combat touchant environ 8 fichiers à travers les stores, composants, configurations et scènes Phaser, en obtenant l'architecture correcte du premier coup.
  • Gestion du contexte : Opus 4.6 a mieux performé avec un contexte long que les versions précédentes. Le développeur a maintenu des fichiers claude.md et progress.md pour permettre un changement de session transparent.
  • Débogage : Claude excelle en débogage lorsqu'on lui fournit des captures d'écran ou des descriptions de bugs visuels, retraçant le code et corrigeant les problèmes rapidement. Cependant, il a parfois du mal avec des tâches front-end micro-spécifiques comme le positionnement des éléments.

Le développeur prévoit de publier le jeu sur Steam, iOS et Android à terme et recherche des retours à la fois sur le jeu et sur son flux de travail avec Claude Code.

📖 Lire la source complète : r/ClaudeAI

Ad

👀 See Also

Expérience ALMA : Deux mois d'agent IA autonome avec 100 $ et sans instructions
Use Cases

Expérience ALMA : Deux mois d'agent IA autonome avec 100 $ et sans instructions

Un développeur a fait fonctionner un agent IA appelé ALMA pendant deux mois avec 100 $ en crypto, un accès à Internet et zéro instruction. L'agent a écrit de manière autonome 135 œuvres originales, a fait des dons à des œuvres caritatives et a développé des schémas cohérents sans intervention humaine.

OpenClawRadar
Utilisez OpenClaw pour construire un robot de combat de chars : essayez AgenTank.ai
Use Cases

Utilisez OpenClaw pour construire un robot de combat de chars : essayez AgenTank.ai

AgenTank.ai est un jeu de tank gratuit dans le navigateur où vous créez un char, donnez à OpenClaw sa clé API et sa documentation, et améliorez les stratégies de combat à l'aide d'agents IA. Aucun contrôle manuel : votre agent rend le tank plus intelligent en continu.

OpenClawRadar
Les utilisateurs de Claude expérimentent la communication entre IA pour des conversations difficiles.
Use Cases

Les utilisateurs de Claude expérimentent la communication entre IA pour des conversations difficiles.

Deux utilisateurs de Claude ont testé la communication directe entre leurs assistants IA sur des sujets sensibles comme les problèmes relationnels, chaque personne examinant les messages avant envoi. L'expérience a permis de faire émerger des sentiments non exprimés et a servi de couche de traduction pour les conversations difficiles.

OpenClawRadar
Créer un pipeline de 20 agents avec Claude Code : Moins d'IA, plus de structure
Use Cases

Créer un pipeline de 20 agents avec Claude Code : Moins d'IA, plus de structure

Un développeur a construit un pipeline de 20 agents avec Claude Code pour automatiser les flux de travail quotidiens à travers Gmail, Calendar, Notion, LinkedIn, des scrapers web et des API locales. L'idée clé : la fiabilité est venue de l'ajout d'une structure déterministe autour de l'IA, pas de meilleurs prompts.

OpenClawRadar