Cómo Dividir un Sprite Sheet en Frames (y Armar uno a partir de Frames)
El arte de un juego muchas veces llega como sprite sheet — varios frames en una imagen — mientras tu motor o editor quiere archivos sueltos, o al revés. Las dos conversiones llevan un minuto si la hoja es una cuadrícula regular.
Dividir una hoja
- Arrastra la hoja a la herramienta de sprite sheets.
- Elige cómo cortar: por tamaño de celda (por ejemplo, 32×32) o por filas × columnas.
- Si la hoja tiene borde, ajusta el desplazamiento X/Y; si hay separación entre frames, la separación.
- Revisa la cuadrícula naranja: cada frame debe quedar dentro de su celda.
- Descarga los frames como ZIP de PNG numerados.
Las celdas totalmente transparentes se omiten por defecto.
Armar una hoja
Arrastra los frames en orden — nombres como correr_01.png … correr_10.png se ordenan de forma natural —, elige columnas y relleno y descarga la hoja junto con un JSON con x, y, ancho y alto de cada frame, en un formato hash simple parecido al de TexturePacker.
El pixel art sigue nítido
Los frames se copian píxel a píxel, sin suavizado. Al escalar el juego, usa factores enteros: la calculadora de resolución pixel perfect muestra qué resoluciones base lo permiten.
Límites
- Se espera una cuadrícula regular; las hojas compactas con frames de distintos tamaños necesitan su atlas original.
- Los GIF animados cargan solo el primer frame.
¿Quieres una paleta que combine? Extráela con Paleta de Colores desde una Imagen.