Entrada de múltiples archivos
Agregá hasta 64 frames PNG, JPG o WebP por selección.
Idioma: Español (Argentina)
Empaquetador de sprite sheets para atlas PNG
Organizá hasta 64 frames de sprite en un atlas de grilla uniforme y exportá coordenadas JSON coincidentes.
Gratis0 créditosAtlas PNG + JSON
¿El empaquetador de sprite sheet sube mis frames?
No. Hasta 64 frames quedan en el navegador y se ordenan en una grilla uniforme. Obtenés un atlas PNG más coordenadas JSON; los frames no se recortan ni se rotan.
ESPACIO DE TRABAJO EN VIVO
Trabajá en local. Exportá prolijo.
Esta utilidad funciona en tu navegador. Tus archivos quedan en tu dispositivo y no se usan créditos de generación.
Origen y ajustes01
Procesamiento local privado0 créditos
Agregá dos o más frames
La utilidad funciona en local. Tu arte no se sube y no se usan créditos.
EN EL JUEGO
Vé los assets como un juego.
Explorá jugabilidad, uso en dispositivos portátiles y diseños coordinados. Estos conceptos generados por IA ilustran posibilidades visuales; revisá tus propios recursos y las importaciones al motor antes de publicar.
Una sola dirección de arte para todo el juego
Revisá la escena jugable junto con sus personajes, terreno, ítems e interfaz como un diseño coordinado.
Un mismo personaje en distintas direcciones y acciones
Compará las proporciones, los colores y las siluetas de acción del personaje con el mundo que lo rodea.
Combate, objetos e interfaz en una sola escena
Evaluá la visibilidad de los efectos, los íconos de objetos y el contraste de la interfaz durante el mismo momento de juego.
Un ejemplo práctico
Empaquetar ocho frames del mismo tamaño
Usá una entrada concreta, inspeccioná el resultado y revisá los límites actuales antes de elegir el siguiente paso.
Entrada de ejemplo
Descargá y descomprimí los ocho frames de demo de abajo. Cada PNG transparente tiene 32 × 32 píxeles.
Qué revisar
- Elegí los ocho frames PNG en orden y después configurá el atlas en 4 columnas.
- Inspeccioná la vista previa: cuatro celdas de 32 píxeles de ancho y dos de alto producen un atlas de 128 × 64.
- Descargá el atlas PNG y JSON. Verificá que el primer frame empiece en x: 0, y: 0 y que el quinto empiece en x: 0, y: 32.
Salida esperada
Ocho entradas de 32 × 32 en cuatro columnas producen un atlas PNG de 128 × 64 más coordenadas JSON de los frames.
Límites actuales
El empaquetador local usa una grilla uniforme del tamaño del archivo más grande, admite hasta 64 archivos y preserva los límites de cada cuadro. No recorta, rota, agrega padding ni hace un bin packing óptimo.
Referencias oficiales del flujo de trabajo
Consultá la documentación del motor o editor cuando prepares tu propia importación. Estas fuentes describen el comportamiento de archivos y reproducción, no constituyen una recomendación de PixelBox.
Editor y soporte
Contenido actualizado:
Publicado y mantenido por LlamaGen. Esta página describe los controles actuales de PixelBox y los formatos de exportación. Contactá al equipo si encontrás información incorrecta o un problema de exportación.
01 / POR QUÉ FUNCIONA
Hecho para producción, no solo para vistas previas.
Diseño predecible
Elegí la cantidad de columnas. Cada celda usa el ancho y alto más grandes de entrada, y los frames conservan su tamaño original.
Metadatos incluidos
Exportá nombres, coordenadas y dimensiones de los frames como JSON.
Del original a un resultado bien rotulado.
Agregar frames
Seleccioná tus archivos PNG de animación o de assets en secuencia.
Elegir columnas
Definí el diseño del atlas e inspeccioná la vista previa generada.
Exportar ambos archivos
Descargá el PNG del atlas y sus coordenadas JSON.
03 / FAQ
Aclarar términos antes de crear.
¿Se subieron mis frames?
No. El empaquetado corre en tu navegador y los archivos quedan en tu dispositivo.
¿Qué formato JSON se usa?
La exportación incluye un nombre de imagen, dimensiones del atlas y objetos de cuadro con x, y, width y height. Poné un nombre de archivo único a cada cuadro para que cada entrada JSON siga siendo distinta.
¿Recorta los píxeles transparentes?
No. El empaquetador de grillas preserva los límites originales de los frames y no rota frames ni optimiza el espacio vacío. Usá el slicer de sprite sheets cuando necesites sus controles de recorte y padding.