Construyendo un JRPG de Pixel Art con Claude Code: Flujo de Trabajo y Stack de un Desarrollador

Un desarrollador ha compartido su experiencia construyendo un JRPG completo de arte pixel llamado Bakemachi utilizando Claude Code. El juego está diseñado para aprender japonés e incluye una demo jugable con la mayoría de los elementos centrales del gameplay implementados.

Detalles del Proyecto

El juego incluye exploración del mundo, diálogo con NPCs con vocabulario interactivo, mini-juegos, un sistema de combate, seguimiento de misiones, y soporta entrada táctil, de teclado y de controlador. La demo jugable dura aproximadamente 10-15 minutos y es accesible en https://bakemachi-steam-demo-production.up.railway.app/ (presiona "Nuevo Juego" para comenzar).

Pila Técnica

• Frontend: Vite + React + TypeScript
• Motor del Juego: Phaser 3 maneja el canvas del juego (movimiento basado en tiles, sprites, animaciones)
• Gestión de Estado: Zustand conecta Phaser y React
• Interfaz de Usuario: React renderiza todas las superposiciones (diálogo, menús, HUD, combate, mini-juegos)
• Recursos: Mayormente creados a mano o comprados, con algunos recursos de "arte pixel" generados por Nano Banana

Flujo de Trabajo con Claude Code

El desarrollador utilizó Claude Code (Opus 4.6) para todo el proyecto, señalando que no es un desarrollador de juegos y que este es su primer juego. Su flujo de trabajo involucró:

• Describir los requisitos en lenguaje natural
• Revisar el código generado por Claude
• Probar el juego
• Iterar basándose en los resultados

Observaciones Clave sobre Claude Code

• Cambios Complejos: Claude manejó cambios en múltiples archivos de manera efectiva, como agregar un sistema de combate que tocó aproximadamente 8 archivos entre almacenes, componentes, configuración y escenas de Phaser, logrando la arquitectura correcta en el primer intento.
• Gestión de Contexto: Opus 4.6 funcionó mejor con contexto largo que versiones anteriores. El desarrollador mantuvo archivos claude.md y progress.md para permitir cambios de sesión sin problemas.
• Depuración: Claude sobresale en depuración cuando se le proporcionan capturas de pantalla o descripciones de errores visuales, rastreando el código y corrigiendo problemas rápidamente. Sin embargo, a veces tiene dificultades con tareas micro-específicas de front-end como el posicionamiento de elementos.

El desarrollador planea lanzar el juego en Steam, iOS y Android eventualmente y está buscando retroalimentación tanto sobre el juego como sobre su flujo de trabajo con Claude Code.