Entrada de varios archivos
Agrega hasta 64 cuadros PNG, JPG o WebP por selección.
Idioma: Español (México)
Empaquetador de sprite sheets para atlas PNG
Organiza hasta 64 cuadros de sprite en un atlas de cuadrícula uniforme y exporta coordenadas JSON coincidentes.
Gratis0 créditosAtlas PNG + JSON
¿El empaquetador de sprite sheet sube mis frames?
No. Hasta 64 frames se quedan en el navegador y se acomodan en una cuadrícula uniforme. Obtienes un atlas PNG más coordenadas JSON; los frames no se recortan ni se rotan.
ESPACIO DE TRABAJO EN VIVO
Trabaja en local. Exporta limpio.
Esta utilidad corre en tu navegador. Tus archivos se quedan en tu dispositivo y no se usan créditos de generación.
Fuente y ajustes01
Procesamiento local privado0 créditos
Agrega dos o más cuadros
La utilidad corre en local. Tu arte no se sube y no se usan créditos.
EN EL JUEGO
Ve los assets como un juego.
Explora gameplay, uso en portátil y diseños coordinados. Estos conceptos generados por IA ilustran posibilidades visuales; revisa tus propios assets y las importaciones al motor antes de publicar.
Una sola dirección de arte para todo el juego
Revisa la escena jugable junto con sus personajes, terreno, objetos e interfaz como un solo diseño coordinado.
Un personaje en distintas direcciones y acciones
Compara las proporciones, colores y siluetas de acción del personaje con el mundo que lo rodea.
Combate, objetos e interfaz en una sola escena
Evalúa 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
Usa una entrada concreta, revisa el resultado y verifica los límites actuales antes de elegir el siguiente paso.
Entrada de ejemplo
Descarga y descomprime los ocho frames de demostración de abajo. Cada PNG transparente mide 32 × 32 píxeles.
Qué revisar
- Elige los ocho cuadros PNG en secuencia y luego configura el atlas en 4 columnas.
- Revisa la vista previa: cuatro celdas de 32 píxeles de ancho y dos filas producen un atlas de 128 × 64.
- Descarga el atlas PNG y el JSON. Verifica que el primer frame comience en x: 0, y: 0 y que el quinto comience 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 cuadrícula uniforme del tamaño de la entrada más grande, acepta hasta 64 archivos y conserva los límites de los cuadros. No recorta, rota, agrega padding ni hace un bin packing óptimo.
Referencias oficiales de flujo de trabajo
Consulta la documentación del motor o editor cuando prepares tu propia importación. Estas fuentes describen el comportamiento de archivos y reproducción, no una recomendación de PixelBox.
Publicación y soporte
Contenido actualizado:
Publicado y mantenido por LlamaGen. Esta página describe los controles y formatos de exportación actuales de PixelBox. Contacta al equipo si hay información incorrecta o un problema con la exportación.
01 / POR QUÉ FUNCIONA
Hecho para producción, no solo para vistas previas.
Diseño predecible
Elige una cantidad de columnas. Cada celda usa el ancho y alto más grandes de la entrada, y los cuadros conservan su tamaño original.
Metadatos incluidos
Exporta nombres, coordenadas y dimensiones de los frames en JSON.
De la fuente a un resultado claramente etiquetado.
Agregar cuadros
Selecciona tus archivos PNG de animación o assets en secuencia.
Elige columnas
Define el diseño del atlas e inspecciona la vista previa generada.
Exportar ambos archivos
Descarga el atlas PNG y sus coordenadas JSON.
03 / PREGUNTAS FRECUENTES
Aclara los términos antes de construir.
¿Mis cuadros ya se subieron?
No. El empaquetado se ejecuta en tu navegador y los archivos se quedan en tu dispositivo.
¿Qué formato JSON se usa?
La exportación contiene un nombre de imagen, dimensiones del atlas y objetos de cuadro con x, y, width y height. Dale a cada cuadro un nombre de archivo único para que cada entrada JSON se mantenga distinta.
¿Recorta los píxeles transparentes?
No. El empaquetador de cuadrícula conserva los límites originales de los frames y no rota frames ni optimiza el espacio vacío. Usa el cortador de sprite sheets cuando necesites sus controles de recorte y padding.