Shelf packing
Orden estable por ID y primera medida cuadrada que encaja. No es un optimizador global.
01 / PNG → ATLAS → JSON
Ordena los sprites.
Inspecciona el borde.
Convierte un lote pequeño de PNG en un atlas cuadrado y JSON hash. Todo ocurre en este navegador; revisa cada frame antes de descargar.
Abrir mesa de inspección ↓1–32 PNG2048² MAXNO TRIM / NO ROTATE
LOOSE / 10ATLAS / 01
02 / MESA DE INSPECCIÓN
De PNG sueltos a un atlas auditable.
Packing shelf determinista. Sin trim, rotación ni promesa de óptimo.
ATLAS / —EMPTY
⌗Carga PNG o abre la demo.
03 / EDGE LOGIC
El margen no es espacio vacío.
Extrude copia el último píxel fuera del frame. Padding conserva distancia entre áreas ocupadas. FRAME muestra ambos para que no queden escondidos detrás de un ajuste.
Ver la anatomía del borde →PADDINGEXTRUDECONTENT2 / 1 / FRAME
04 / TWO FILES
Una imagen. Un mapa comprobable.
"frame_01": {
"frame": { "x": 3, "y": 3,
"w": 32, "h": 28 },
"rotated": false,
"trimmed": false
}El PNG contiene píxeles. El JSON describe el rectángulo exacto de cada ID. FRAME no importa Phaser: exporta el esquema hash documentado para que puedas cargar ambos archivos en tu proyecto.
Leer el formato y ejemplo de carga →05 / HONEST LIMITS
Pequeño, determinista y revisable.
PNG local
Sin SVG, APNG, carpetas, ZIP ni persistencia de imágenes.
JSON hash
Compatible con el esquema descrito; no promete todos los motores ni un runtime probado.
06 / FAQ
Antes de integrarlo.
¿Mis archivos salen del navegador?
FRAME no los envía: lee, dibuja y exporta en tu navegador. Una futura web alojada sí recibiría peticiones normales de página; consulta Privacidad.
¿Por qué el frame no incluye extrude?
Las coordenadas apuntan al contenido original. Extrude vive fuera de ese rectángulo y padding separa las áreas ocupadas.
¿Sustituye TexturePacker?
No. Si necesitas trim, multipack, muchos formatos o CI, usa una herramienta más completa. FRAME prueba un recorrido pequeño y auditable.
FRAME / LOCAL