Entrada de varios archivos
Agrega hasta 64 frames PNG, JPG o WebP por selección.
Idioma: Español (Colombia)
Empacador de sprite sheets para atlas PNG
Organiza hasta 64 frames 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 organizan 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 localmente. Exporta limpio.
Esta utilidad se ejecuta 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 frames
La utilidad se ejecuta localmente. Tu arte no se sube y no se usan créditos.
EN EL JUEGO
Ve los assets como un juego.
Explora jugabilidad, uso en portátil y diseños coordinados. Estos conceptos generados por IA ilustran posibilidades visuales; revisa tus propios recursos 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 diseño coordinado.
Un solo 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 los 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 la salida y verifica los límites actuales antes de elegir tu siguiente paso.
Entrada de ejemplo
Descarga y descomprime los ocho frames de demostración de abajo. Cada PNG transparente es de 32 × 32 píxeles.
Qué revisar
- Elige los ocho frames 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 de alto producen un atlas de 128 × 64.
- Descarga el PNG y el JSON del atlas. Verifica 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 cuadrícula uniforme del tamaño de la entrada más grande, acepta hasta 64 archivos y conserva los límites de los fotogramas. No recorta, rota, agrega relleno ni hace un empaquetado binario óptimo.
Referencias oficiales del flujo de trabajo
Revisa la documentación del motor o del editor cuando prepares tu propia importación. Estas fuentes describen el comportamiento de archivos y reproducción, no una recomendación de PixelBox.
Publicador y soporte
Contenido actualizado:
Publicado y mantenido por LlamaGen. Esta página describe los controles actuales de PixelBox y los formatos de exportación. Contacta al equipo si ves información incorrecta o un problema de exportación.
01 / POR QUÉ FUNCIONA
Hecho para producción, no solo para previsualizaciones.
Distribución predecible
Elige una cantidad de columnas. Cada celda usa el mayor ancho y alto de entrada, y los frames conservan su tamaño original.
Metadatos incluidos
Exporta nombres, coordenadas y dimensiones de los frames en JSON.
Del archivo fuente a un resultado claramente etiquetado.
Agregar frames
Selecciona tus archivos PNG de animación o assets en secuencia.
Elegir columnas
Define la distribución del atlas e inspecciona la vista previa generada.
Exportar ambos archivos
Descarga el PNG del atlas y sus coordenadas JSON.
03 / PREGUNTAS FRECUENTES
Aclara los términos antes de crear.
¿Ya se cargaron mis frames?
No. El empaquetado se hace 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 fotograma con x, y, width y height. Dale a cada fotograma un nombre de archivo único para que cada entrada JSON quede diferenciada.
¿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 espacios vacíos. Usa el cortador de sprite sheets cuando necesites sus controles de recorte y relleno.