# Tubería de Arte de Juego con IA — De Prompt a Runtime

> Una tubería de producción para arte de juego generado con IA: atlas de sprites con manifiestos, limpieza de croma, generación de mapas, audio y el QA que hace seguros los recursos.

Source: https://toolpantry.app/es/gamedev/ai-game-art-pipeline

## About

Las imágenes de marketing necesitan verse bien. Los recursos de juego necesitan cargar : bordes alfa que limpien bien, anclajes que coincidan fotograma a fotograma y manifiestos en los que el motor pueda confiar. Esta es la tubería que ejecutamos para cada sprite, mapa y sonido de nuestros juegos.

## Quick answer

La única regla: elige la tubería por el trabajo de runtime, no por el modelo. Un ciclo de caminar, un icono, un fondo parallax y una cinemática de jefe necesitan cada uno un camino distinto de generación y limpieza — y todos terminan en post-procesado determinista, no en vibras.

## Tubería por trabajo de runtime

| Trabajo | Tubería |
|---|---|
| Props, objetos, iconos de FX | Modelo de imagen + referencias de estilo + eliminación de fondo |
| Animación de combate | Keyframe primero: pose → tira de fila → extracción → atlas |
| Caminar / correr / cuerpo | Referencia de video de movimiento → extracción de fotogramas |
| Bucles ambientales | Generación de video → secuencia de fotogramas en bucle |
| Momentos cinemáticos | Video a pantalla completa → fotogramas → sincronización por código |
| Fondos de nivel | Pintura maestra primero → cadenas de outpainting → capas parallax |

## La tubería de atlas de sprites, paso a paso

1. **Identidad base primero.** Antes de cualquier animación, fija una imagen canónica del personaje u objeto. Cada fotograma posterior debe coincidir con ella — esa sola restricción mata el 80% de los "¿por qué el fotograma 3 parece otra criatura?".
2. **Tiras de fila por estado.** Genera cada estado de animación como una tira horizontal sobre un fondo de croma sólido — no fotogramas sueltos, que derivan. Una tira mantiene pose, escala y estilo consistentes por construcción.
3. **Limpieza determinista.** Quita el fondo por croma, y luego la *extracción por componentes conectados* encuentra los límites reales de cada fotograma. Esto es lo que arregla el problema clásico del arte de IA: fotogramas que se sangran entre sí o llevan halos.
4. **Atlas + manifiesto.** Los fotogramas se empaquetan en una textura y el motor recibe un manifiesto frame_layout: coordenadas de celda, anclajes, duraciones. El juego lee el manifiesto — nunca adivina dónde vive un fotograma.
5. **QA antes de publicar.** La tubería renderiza una hoja de contactos y verifica: el número de fotogramas coincide, ninguno toca el borde del atlas, el alfa sobrevive a escala de juego. Un desajuste rompe la compilación.

## Mapas y fondos

El arte de niveles invierte el problema de los sprites: necesita *menos* precisión por elemento y más control compositivo. Nuestro enfoque es maestro primero: genera una pintura completa en alta resolución como verdad de base, luego deriva capas parallax con outpainting y cortes. Los tilemaps se generan contra una paleta y rejilla estrictas — el motor posee la colisión y la transitabilidad, el arte nunca. Esta separación es la razón de que nuestros mapas se publiquen sin bugs de "muro invisible": la geometría de juego es datos, no píxeles.

## Audio y cinemáticas

El audio sigue la misma filosofía: generado, luego medido. Sonoridad normalizada a objetivos de juego, puntos de bucle verificados muestra a muestra, y conversión de formato por plataforma. Las ultimates cinemáticas son el trabajo más exigente de toda la tubería: un video generado se corta en una secuencia de fotogramas con sincronización por código — pausa de impacto, sacudida y destello son código del motor, no video horneado, así se sienten instantáneos y siguen siendo ajustables.

## Lo que todavía necesita un humano

- **Aceptación, no generación.** Las verificaciones técnicas pasan mucho más seguido que las estéticas. "¿Este slime pertenece a esta aldea?" es un veredicto humano, siempre.
- **Bloqueos de estilo.** Una vez existe un conjunto de referencias, los agentes generan cien recursos consistentes. Elegir la referencia — eso es gusto.
- **Cortes.** La mitad del valor de la tubería es hacer barato descubrir malas direcciones. Matar un recurso en el paso 2 cuesta céntimos; en el paso 5 cuesta días.

## Empieza pequeño

Si quieres probar esto en tu propio juego: elige una rebanada vertical — un personaje, un estado de animación, una esquina de mapa — y llévala hasta el runtime con un manifiesto. La tubería revela sus propios problemas a esa escala, por unos pocos dólares, antes de que te comprometas con una pasada de arte completa.

## FAQ

**¿Qué modelos de imagen funcionan para esto?**

La tubería es neutral respecto al proveedor: cualquier modelo de imagen o video que sostenga una referencia de estilo sirve. Lo que importa es el post-procesado determinista — croma, extracción por componentes, empaquetado de atlas — que corre en local y no le importa de dónde vienen los píxeles.

**¿Por qué no generar fotogramas sueltos?**

Los fotogramas sueltos derivan: escala, iluminación y estilo cambian entre generaciones. Las tiras de fila mantienen una animación completa consistente en una sola generación, y la extracción garantiza que cada celda sea exactamente un fotograma.

**¿Cuánto tarda un personaje?**

Con la tubería montada: menos de una hora para un set completo de animaciones, incluido QA. Sin ella, días de limpieza manual — la diferencia está en el medio determinista, no en el modelo.