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.
📖 Leia a fonte completa: r/ClaudeAI
👀 See Also
Desenvolvedor Compartilha Ferramenta de Coordenadas PDF para Integração com IA
Um desenvolvedor criou uma pequena ferramenta para encontrar coordenadas X,Y em PDFs para posicionamento preciso de imagens, e então fez um agente de IA integrá-la ao seu projeto maior de sistema de RH para resolver problemas de posicionamento de assinaturas.
Desenvolvedor de Homelab Testa 19 LLMs Locais com 45 Testes Práticos no AMD Strix Halo
Um desenvolvedor criou uma suíte de benchmark de 45 testes para LLMs locais baseada em casos de uso reais de homelab, como classificação de e-mails, automação do Home Assistant e planejamento de refeições. Testando 19 modelos em um AMD Strix Halo com 128GB de RAM e 96GB de VRAM, o Gemma 4 26B-A4B teve o melhor desempenho após correções de bugs.
O agente Forge corrige bug do GitHub autonomamente usando Claude AI
O agente Forge de um desenvolvedor detectou um relatório de bug no GitHub, acionou um pipeline, usou a Claude AI para analisar e corrigir o problema e abriu um PR — tudo sem intervenção humana enquanto o desenvolvedor dormia.
O agente OpenClaw demonstra o fluxo de trabalho de escalonamento de modelo com o Claude Opus
Um desenvolvedor descreve como seu agente OpenClaw reconheceu quando o Codex GPT-5.4 travou em uma tarefa de programação, escalou o problema para o Claude Opus 4.6 via Antigravity, discutiu a solução e então retornou para completar o trabalho autonomamente.