Flujos de trabajo creativos
Atlas de sprites con IA: conserva la alineación y añade separación
Crear un atlas es una tarea de empaquetado. Las imágenes ya existen; ahora el motor necesita saber dónde está cada fotograma y cuál es su origen.
Los datos de entrada son los ocho PNG reales de la caminata en prototipo del mensajero ficticio. El atlas se prepara aparte de generar al personaje: empaqueta los píxeles existentes y conserva su orden, aunque la animación aún necesite revisión.
Haz inventario de los archivos
Importa las imágenes aprobadas en un proyecto limpio de Ciyo y conserva sus nombres. Anota ancho, alto y canal alfa. Si un fotograma mide 30 × 32 y los demás 32 × 32, decide si esa diferencia es intencional antes de empaquetar.
No uses una imagen compuesta como única fuente. Los archivos individuales permiten comparar cada región con el original. Indica las animaciones y su orden: ordenar por nombre puede colocar frame_10 antes de frame_2.
Define el contrato del atlas
Elige el motor de destino y un formato de manifiesto que admita. Si aún no has elegido motor, pide un mapa JSON sencillo como registro de trabajo, sin suponer compatibilidad universal.
Pide al agente de diseño que procese los archivos existentes en su espacio de trabajo. Empaquetar debe conservar los píxeles aprobados. No hace falta una edición generativa para colocar fotogramas y escribir coordenadas.
Empaqueta estos PNG aprobados del mensajero en un atlas sin redibujar, remuestrear ni cambiar colores. Desactiva la rotación. Conserva el orden original. Añade 4 píxeles de separación transparente como ajuste de ejemplo. Escribe un JSON con filename, x, y, width, height y el tamaño original. Informa de las dimensiones reales de salida y de cualquier archivo que no puedas leer.Prueba la separación en el destino
El espacio entre sprites evita que queden pegados. Algunos procesos también extienden los colores del borde. Son operaciones distintas: no sustituyas una separación transparente por píxeles copiados sin indicarlo.
Unity ofrece ajustes de separación y empaquetado porque importación y filtrado afectan al resultado. Los 4 píxeles del ejemplo son un punto de partida, no una garantía para cualquier escala, mapa mip o compresión. Revisa la configuración final.
Separa el recorte del origen del personaje
Recortar márgenes transparentes reduce el área ocupada, pero cambia dónde empieza el sprite. El manifiesto debe permitir recuperar el tamaño original y su desplazamiento.
En el primer atlas, desactiva recorte y rotación. Cuando funcione, activa las optimizaciones de una en una y repite la prueba de animación. Un archivo más pequeño no ayuda si la bolsa o los pies cambian de posición.
Contrasta el manifiesto con el PNG
Comprueba que todos los rectángulos estén dentro de la imagen, que no se solapen y que los nombres sean únicos. Extrae varias regiones y compara sus píxeles con los originales. Si el atlas es pequeño, revisa todos los fotogramas.
| Elemento | Evidencia | Fallo |
|---|---|---|
| Coordenadas | Los rectángulos coinciden con los archivos extraídos | Regiones cortadas o solapadas |
| Orden | La caminata sigue la secuencia prevista | Orden alfabético de nombres |
| Alfa | Los márgenes conservan la transparencia | Se introduce un fondo opaco |
| Origen | Los fotogramas sin recorte comparten origen | El personaje salta al reproducirse |
Termina con una prueba de importación
Importa el atlas en el motor elegido y reproduce reposo y caminata sobre fondos claro y oscuro. Revisa la escala nativa y las escalas de la escena final. Busca colores del sprite vecino en los bordes y saltos al cerrar el bucle.
Guarda juntos originales, ajustes y manifiesto. Si falla la importación, podrás volver a empaquetar sin regenerar el personaje. Un PNG revisado es útil, pero la compatibilidad requiere probar la importación real.
Preguntas frecuentes
¿Un atlas es una hoja de contactos?
Un atlas define las regiones empaquetadas y su contrato de importación. Una hoja de contactos puede ser solo una vista general.
¿Siempre bastan 4 píxeles?
No. Influyen el filtrado, la compresión, los mapas mip y la escala. Prueba el ajuste en tu motor.
¿Puedo recortar todos los sprites al mínimo?
Solo si el manifiesto y el motor recuperan tamaño y desplazamiento originales. Para diagnosticar saltos, empieza sin recorte.
Empaqueta los sprites aprobados
Conserva los fotogramas en un mismo lienzo de Ciyo y define el contrato de empaquetado antes de exportar el atlas.