Registro de Desarrollo del Juego Claude: Lecciones y Stack de Desarrollo Agéntico en Three.js

Flujo de Trabajo de Desarrollo de Juegos Agéntico

Un desarrollador web sin experiencia en desarrollo de juegos ha estado construyendo un juego de line rider llamado LUMINAL usando Three.js completamente con Claude AI durante dos semanas, sin escribir código directamente. El desarrollador informa que con persistencia y una suscripción Claude 5x o 20x, alguien podría producir un juego de calidad en unos meses.

Prácticas Clave de Desarrollo

• Estrategia Git: Usar worktrees de Git para evitar colisiones, mantener una rama develop y trabajar exclusivamente en ramas de características. Cerrar sesiones de IA y comenzar nuevas una vez que una característica esté completa.
• TypeScript y Pruebas: Implementar TypeScript temprano y escribir pruebas unitarias pronto, incluyendo pruebas en cada plan mientras el contexto está disponible. Auditar pruebas regularmente y no retrasar las pruebas de extremo a extremo.
• Conciencia de Infraestructura: Identificar cuándo pedir a Claude que realice tareas repetitivas y construir infraestructura compartida antes de que el control de calidad se vuelva repetitivo.
• Integración de Herramientas: Usar el plugin Superpowers para desarrollar habilidades y lluvia de ideas, y una suscripción Codex de $20 para revisión de código, construcción de especificaciones y ajustes específicos de UI (mejor que Claude para retroalimentación de UI basada en imágenes).
• Configuración de Terminal: Se recomienda el terminal WARP sobre otras configuraciones.

Abordando Limitaciones de la IA

La IA tiene dificultades con asuntos subjetivos como paletas de colores, niveles de bloom y diseño de sonido procedural. La solución: hacer que Claude construya cientos de controles deslizantes y alternadores solo para administradores para parámetros como bloom, mapas de color y sonidos procedurales, con funcionalidad de exportación/importación JSON para alimentar configuraciones de vuelta a la IA.

Utilización de Recursos

Usar recursos existentes en lugar de construir todo desde cero: 21st.dev, CodePen, Sketchfab y activos de la comunidad.

Sabiduría de Desarrollo

• Puedes construir más rápido de lo que puedes corregir errores. Agregar demasiado demasiado rápido conduce a semanas de pulido y pruebas de navegador.
• Usar tiempo de inactividad para planificar usando herramientas como Workflowy, con 20-30 planes/pensamientos/correcciones de errores para desarrollar con ChatGPT/Codex mientras esperas a Claude o límites de uso.
• Enfocarse en aprender y divertirse en lugar de monetización inmediata.

Stack Tecnológico

• Núcleo: TypeScript, Three.js, Vite
• Backend: Firebase (Auth, RTDB, Firestore, Hosting, Cloud Functions)
• Servidor de Juego: Node.js con biblioteca WebSocket ws
• Pruebas/Linting: Vitest + ESLint
• Netcode: Simulación lockstep determinista sincronizando solo deltas de entrada a través de un relay WebSocket (Cloudflare Workers). Usa RNG con semilla + detección de desincronización de hash de frame para estado consistente entre clientes. Necesita más trabajo en reconexión.

URL del Juego: https://luminal.live/ (descrito como "todavía un desastre con errores")