Un sprite sheet de 128 por 64 dividido en ocho frames de 32 por 32, con un personaje ampliado que muestra bordes de píxel nítidos con interpolación por vecino más cercano.
Ejemplo de utilidad construido: una hoja de 4 columnas y 2 filas se convierte en ocho fotogramas de 32 × 32. El escalado entero agranda los bloques de píxeles sin suavizado.
RESPUESTA DIRECTA

¿El empaquetador de sprite sheets sube mis fotogramas?

No. Hasta 64 frames permanecen 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 en local. Exporta con limpieza.

Esta utilidad se ejecuta en tu navegador. Tus archivos se quedan en tu dispositivo y no se usan créditos de generación.

Origen y ajustes01
Procesamiento local privado0 créditos
Añade 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 formato 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.

Presentación coordinada para juego pixel art que combina una escena final con personajes, terreno, iconos de inventario y diseños de interfaz a juego.

Una sola dirección de arte en todo el juego

Revisa la escena jugable junto con sus personajes, terreno, objetos e interfaz como un diseño coordinado.

Concepto de RPG pixelado generado por IA que combina un ranger verde azulado en una batalla en el bosque con poses coordinadas de pie, caminando y atacando debajo de la escena.

Un personaje en distintas direcciones y acciones

Compara las proporciones, los colores y la silueta de acción del personaje con el mundo que lo rodea.

Concepto de combate pixelado generado por IA con un ranger verde azulado, efectos ámbar de espada, objetos de barra rápida coordinados y un panel de inventario en un patio del bosque.

Combate, objetos e interfaz en una sola escena

Evalúa la visibilidad de los efectos, los iconos de objetos y el contraste de la interfaz en el mismo momento de juego.

Un ejemplo práctico

Empaquetar ocho frames del mismo tamaño

Usa una entrada concreta, inspecciona el resultado y revisa los límites actuales antes de elegir el siguiente paso.

Un sprite sheet de 128 por 64 dividido en ocho frames de 32 por 32, con un personaje ampliado que muestra bordes de píxel nítidos con interpolación por vecino más cercano.
Ejemplo de utilidad construido: una hoja de 4 columnas y 2 filas se convierte en ocho fotogramas de 32 × 32. El escalado entero agranda los bloques de píxeles sin suavizado.

Entrada de ejemplo

Descarga y descomprime los ocho fotogramas de demostración de abajo. Cada PNG transparente es de 32 × 32 píxeles.

Qué revisar

  1. Elige los ocho frames PNG en secuencia y luego configura el atlas en 4 columnas.
  2. Revisa la vista previa: cuatro celdas de 32 píxeles de ancho por dos filas producen un atlas de 128 × 64.
  3. Descarga el PNG y el JSON del atlas. Comprueba que el primer fotograma empieza en x: 0, y: 0 y que el quinto empieza 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 fotogramas.

Límites actuales

El empaquetador local usa una cuadrícula uniforme del tamaño del archivo más grande, acepta hasta 64 archivos y preserva los límites de los fotogramas. No recorta, gira, añade relleno ni hace un empaquetado óptimo.

Referencias oficiales del flujo de trabajo

Consulta la documentación del motor o del editor al preparar tu propia importación. Estas fuentes describen el comportamiento de archivos y reproducción, no un respaldo 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 detectas información incorrecta o un problema de exportación.

01 / POR QUÉ FUNCIONA

Hecho para producción, no solo para vistas previas.

01

Entrada de varios archivos

Añade hasta 64 frames PNG, JPG o WebP por selección.

02

Diseño predecible

Elige un número de columnas. Cada celda usa el mayor ancho y alto de entrada, y los frames conservan su tamaño original.

03

Metadatos incluidos

Exporta nombres, coordenadas y dimensiones de fotogramas como JSON.

02 / FLUJO DE TRABAJO

Del archivo de origen a un resultado claramente etiquetado.

PASO 01

Añadir frames

Selecciona tus archivos PNG de animación o de assets en secuencia.

PASO 02

Elige columnas

Define la distribución del atlas e inspecciona la vista previa generada.

PASO 03

Exportar ambos archivos

Descarga el PNG del atlas y sus coordenadas JSON.

03 / FAQ

Aclara los términos antes de crear.

¿Se subieron mis frames?

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, las dimensiones del atlas y objetos de fotograma con x, y, width y height. Asigna a cada fotograma un nombre de archivo único para que cada entrada JSON siga siendo distinta.

¿Recorta píxeles transparentes?

No. El empaquetador de cuadrícula conserva los límites originales de los frames y no rota los frames ni optimiza el espacio vacío. Usa el cortador de spritesheet cuando necesites sus controles de recorte y relleno.

SIGUIENTE EN LA TUBERÍA

Keep building the same world.

Continúa con la herramienta que mejor encaje con tu siguiente paso: preparar una referencia, revisar fotogramas de animación o empaquetar un atlas para tu motor de juego.