Creador de sprites de personajes: hojas de sprites completas desde un prompt

Un creador de sprites de personajes toma una descripción escrita y devuelve una hoja de sprites completa: reposo, caminar, correr, ataque, lanzamiento, en ocho direcciones, sobre fotogramas transparentes, en una cuadrícula fija y con el origen en los pies. Tú escribes el personaje —tipo de cuerpo, silueta, paleta, arma sostenida, capas de ropa— y la herramienta renderiza cada pose de esa descripción en lugar de un único fotograma principal que tengas que redibujar a mano.

La diferencia entre un sprite y una hoja de sprites es la diferencia entre una imagen y un sistema de animación. Un buen fotograma de reposo es una ilustración. Una hoja es una máquina de estados: recuentos de fotogramas que el motor puede repetir, direcciones que puede indexar y un personaje consistente en cada celda, para que el ciclo de caminata no cambie de forma a mitad del bucle. Neta Studio construye la hoja completa a partir del prompt y luego te permite colocar ese personaje en un mundo 3D por el que puedas caminar.

Un prompt para una hoja de personaje completa

Describes al personaje en lenguaje sencillo: especie o plan corporal, altura relativa a la cuadrícula, complexión, cabello o yelmo, capas de ropa, qué sostiene, rango de paleta y dirección de arte (píxel, pintado, vector plano). El creador lo interpreta como una especificación de personaje y renderiza la matriz completa —cada animación, cada dirección— a partir de la misma especificación. El resultado es una hoja, no un selector de poses.

Un solo fotograma casi no dice nada sobre si un personaje funciona en un juego. En el momento en que se mueve, tres cosas deben mantenerse: la silueta debe seguir siendo legible al tamaño al que realmente lo dibujas, la paleta no debe cambiar entre fotogramas y el pivote no debe desplazarse. Una hoja hace visibles esas restricciones de inmediato. Ves la caminata junto al reposo, ves el fotograma 3 frente al fotograma 1 y detectas la deriva antes de que llegue al motor.

Trabajar a partir de una sola descripción también mantiene reproducible al personaje. Cambia el prompt —cambia la capa por una armadura de placas, desplaza la paleta dos pasos hacia tonos más fríos— y regeneras la hoja completa con el cambio aplicado en todas partes. No estás editando a mano cuarenta fotogramas para que coincidan con una nueva decisión de color.

Reposo, caminar, correr, ataque, lanzamiento

Cinco animaciones cubren a la mayoría de los personajes 2D: reposo, caminar, correr, ataque, lanzamiento. Reposo es el bucle de respiración en el que el personaje pasa la mayor parte de su vida. Caminar es el bucle de desplazamiento, normalmente el que tiene los contactos de pie más visibles. Correr es el mismo movimiento más rápido y con más inclinación del torso. Ataque es una animación única con un anticipo, un fotograma de contacto y una recuperación. Lanzamiento es una animación única con una retención: una pose en la que el personaje se queda mientras se resuelve un proyectil o un AOE.

La cantidad de fotogramas importa más de lo que la gente espera. A escala de juego —un personaje de aproximadamente 32 a 64 píxeles de alto en una vista de 320×180 o 640×360— cuatro fotogramas de caminata se leen como una caminata; seis se leen como una más fluida; ocho empiezan a costar más de lo que aportan. Los ciclos de carrera suelen funcionar con cuatro. Reposo es de dos a cuatro; dos es el clásico de respiración, cuatro te da una acción secundaria como un balanceo o un movimiento del arma. Ataque suele ser de tres a cinco fotogramas: anticipo, contacto, seguimiento, recuperación. Lanzamiento es de cuatro a seis con un fotograma sostenido.

El modo de fallo aquí es la sincronización, no la cantidad de fotogramas. Una caminata de cuatro fotogramas exportada sin retardo entre fotogramas se reproduce a la velocidad de fotogramas del motor y parece un parpadeo, no un paso. La hoja incluye una velocidad de fotogramas sugerida por animación para que el importador del motor tenga un valor predeterminado sensato que sobrescribir.

Ocho direcciones a partir de una descripción

Ocho direcciones significa que la hoja cubre N, NE, E, SE, S, SO, O, NO —el círculo completo en pasos de 45 grados—. Los juegos con vista de arriba hacia abajo e isométricos necesitan esto porque el jugador ve al personaje desde una cámara fija y puede moverse en cualquier dirección. Cuatro direcciones (N, E, S, O) dejan las diagonales como una mentira visual: el sprite mira al este mientras el personaje camina hacia el noreste. Ocho direcciones hacen que la orientación coincida con el vector de movimiento.

La hoja se organiza como una matriz: una fila por dirección, una columna por fotograma dentro de la animación, o un bloque por dirección que contiene todas las animaciones en el mismo orden. Cualquiera de las dos funciona siempre que el orden esté documentado. El Sprite Editor de Unity corta por cuadrícula; AnimatedSprite2D de Godot quiere rectángulos de región individuales o una textura cortada; el editor de sprites de GameMaker toma una cuadrícula más un origen por fotograma. El orden en el que indexas en el motor debe coincidir con el orden en el que se renderizó la hoja, o tendrás un personaje que camina hacia atrás.

La parte sutil son los fotogramas de transición. Si solo renderizas las ocho orientaciones canónicas, el sprite salta entre ellas cuando el vector de movimiento cruza un límite de 22.5 grados. Dos mitigaciones: renderizar las ocho orientaciones y dejar que una animación corta de giro cubra el límite, o aceptar el salto y mantener la rotación del personaje ajustándose a la más cercana de las ocho. Ambas son válidas; la hoja admite cualquiera de las dos porque nada en ella asume que exista un fotograma de giro.

Personajes consistentes en todo un conjunto

El verdadero fallo en el trabajo con sprites es la deriva. El personaje uno se genera con cierta proporción cabeza-cuerpo, cierta paleta, cierto grosor de línea. El personaje dos se genera después, a partir de un prompt redactado de otra manera, y vuelve medio cabeza más alto, con tonos de piel más fríos y un contorno más grueso. Uno al lado del otro en una pantalla de equipo, no parecen pertenecer al mismo juego.

La deriva viene de prompts poco especificados. Si el primer prompt decía 'bajo y fornido, paleta terrosa apagada, celdas de 32 píxeles, contorno de un píxel' y el segundo decía 'un caballero con armadura', no describiste un conjunto: describiste dos cosas no relacionadas. Mantén la cláusula de estilo idéntica en todo el elenco y varía solo la cláusula de identidad: especie, complexión, equipamiento, color dentro de la paleta indicada.

Agent Sprite Forge está diseñado para mantener estable esa cláusula de estilo. Generas el elenco a partir de una especificación de estilo compartida, de modo que la proporción de cabeza, el grosor del contorno y el rango de paleta se mantienen constantes mientras los personajes individuales difieren. La prueba es simple: alinea los fotogramas de reposo de todo el elenco al tamaño de visualización final. Si uno se lee como de un juego diferente, la especificación de estilo se desvió.

Mantener un estilo en todo un elenco

Congela las dimensiones de estilo antes de escribir cualquier prompt de identidad: tamaño de celda, proporción cabeza-cuerpo, grosor del contorno en píxeles, rango de paleta y dirección del sombreado, y dirección de arte. Trátalas como constantes. Cada prompt de personaje las hereda y solo añade identidad. Cuando un personaje vuelve fuera de estilo, la corrección casi siempre está en la cláusula de estilo, no en la cláusula de identidad.

Exportación lista para el motor

Cada fotograma se exporta como un PNG transparente. La hoja incluye una cuadrícula documentada —ancho y alto de celda, filas por dirección, columnas por fotograma, orden de animación— para que el importador sepa dónde está cada celda. El origen se sitúa en los pies, centrado horizontalmente en el centro de masa del personaje, de modo que colocar el sprite en una posición del suelo pone los pies en el suelo en lugar del centro de la imagen.

Esa elección de origen importa en todos los motores. El Sprite Editor de Unity permite establecer un pivote personalizado; configúralo en centro inferior para que coincida con el origen documentado. AnimatedSprite2D de Godot usa rectángulos de región por fotograma a partir de la textura cortada; mantén los cortes alineados con la cuadrícula documentada o tus bucles se desfasarán un fotograma. Las propiedades de sprite de GameMaker toman una cuadrícula más un punto de origen por sprite; se aplica el mismo valor de centro inferior.

Los ajustes preestablecidos de exportación se pueden sobrescribir. Si tu juego usa un tamaño de celda diferente, la hoja se escala limpiamente en múltiplos enteros; la escala no entera es lo que introduce desenfoque. Filtro puntual para pixel art, bilineal para pintado. El alfa transparente se conserva, así que no se necesita limpieza de matte antes de importar.

La siguiente vida del personaje: un mundo 3D

Una hoja de sprites es un personaje. Un mundo es donde vive. La misma descripción que produjo la hoja alimenta el constructor de juegos 3D, que la convierte en un mundo Three.js transitable: suelo, colisión, cámara y un lugar donde el personaje pueda estar de pie. No estás transfiriendo archivos entre herramientas: la descripción es el recurso.

Puedes recorrer ese mundo en el navegador. Coloca al personaje, controla la cámara y comprueba si el sprite se lee a la escala que el mundo presenta realmente. Un personaje que se veía bien en un visor de sprites plano puede verse mal contra un suelo 3D iluminado una vez que entran en juego la perspectiva y las sombras. Ver ambos a la vez detecta el desajuste a tiempo.

Este es el mismo camino que toma The Cyclops' Island —una descripción, un mundo jugable— y Mini World es la versión a pequeña escala. El creador de sprites es el extremo 2D del mismo flujo de trabajo: describe algo, obtén un recurso utilizable y luego colócalo en algún lugar por el que puedas moverte.

• Agent Sprite ForgeGenera hojas de sprites completas —reposo, caminar, correr, ataque, lanzamiento en ocho direcciones— a partir de una descripción de personaje, con fotogramas PNG transparentes y una cuadrícula documentada.
• The Cyclops' IslandUn mundo 3D generado por el que puedes caminar, construido a partir de una descripción en lugar de colocado a mano, usado como objetivo para personajes hechos en el creador de sprites.
• Mini WorldEl ajuste preestablecido de mundo 3D a pequeña escala para comprobar rápidamente un personaje en un espacio transitable sin crear una escena completa.
• constructor de juegos 3DEl constructor basado en navegador que convierte una descripción escrita en un mundo Three.js real y jugable, con el personaje colocado como un actor controlable.

Entra caminando al mundo al que pertenece

Un sprite es un personaje sin un lugar donde estar de pie. El último paso es el que nadie más ofrece: toma la hoja que acabas de crear y colócala en un mundo por el que alguien pueda caminar: una isla pequeña, un planeta, una esquina de calle lluviosa. Cada mundo de este sitio se hizo a partir de una descripción escrita y se publicó como una página que puedes jugar.

Preguntas frecuentes