Construindo um JRPG em Pixel Art com Claude Code: Fluxo de Trabalho e Stack do Desenvolvedor

Um desenvolvedor compartilhou sua experiência criando um JRPG completo em pixel-art chamado Bakemachi usando o Claude Code. O jogo foi projetado para aprender japonês e inclui uma demonstração jogável com a maioria dos elementos principais da jogabilidade implementados.

Detalhes do Projeto

O jogo apresenta exploração no mundo aberto, diálogos com NPCs com vocabulário interativo, minijogos, um sistema de combate, rastreamento de missões e suporte a toque, teclado e controle. A demonstração jogável tem duração de aproximadamente 10 a 15 minutos e está acessível em https://bakemachi-steam-demo-production.up.railway.app/ (clique em "New Game" para começar).

Stack Técnica

• Frontend: Vite + React + TypeScript
• Motor do Jogo: Phaser 3 gerencia o canvas do jogo (movimento baseado em tiles, sprites, animações)
• Gerenciamento de Estado: Zustand faz a ponte entre Phaser e React
• Interface do Usuário: React renderiza todas as sobreposições (diálogos, menus, HUD, combate, minijogos)
• Recursos: Principalmente criados manualmente ou adquiridos, com alguns recursos "pixel-art" gerados pelo Nano Banana

Fluxo de Trabalho com Claude Code

O desenvolvedor usou o Claude Code (Opus 4.6) para todo o projeto, observando que não é um desenvolvedor de jogos e este é seu primeiro jogo. Seu fluxo de trabalho envolveu:

• Descrever requisitos em linguagem natural
• Revisar a saída de código do Claude
• Testar jogando
• Iterar com base nos resultados

Observações Principais Sobre o Claude Code

• Alterações Complexas: O Claude lidou efetivamente com alterações em múltiplos arquivos, como adicionar um sistema de combate que afetou aproximadamente 8 arquivos entre stores, componentes, configurações e cenas do Phaser, acertando a arquitetura na primeira tentativa.
• Gerenciamento de Contexto: O Opus 4.6 teve melhor desempenho com contexto longo do que versões anteriores. O desenvolvedor manteve arquivos claude.md e progress.md para permitir troca de sessões sem interrupções.
• Depuração: O Claude se destaca em depuração quando recebe capturas de tela ou descrições de bugs visuais, rastreando o código e corrigindo problemas rapidamente. No entanto, às vezes tem dificuldade com tarefas microespecíficas de front-end, como posicionamento de elementos.

O desenvolvedor planeja lançar o jogo no Steam, iOS e Android eventualmente e está buscando feedback tanto sobre o jogo quanto sobre seu fluxo de trabalho com o Claude Code.