Cómo se usa
- Carga una hoja de sprites con fondo transparente.
- Espera a que termine la detección de sprites y comprueba el número de sprites, el tamaño de la cuadrícula y el tamaño de celda que se muestran sobre las vistas previas.
- Compara el original con la hoja reempaquetada y descarga el PNG y el archivo JSON.
Las hojas de sprites dibujadas o exportadas a mano suelen tener fotogramas de distintos tamaños con espaciado irregular, lo que dificulta cortarlas. Esta herramienta encuentra cada sprite usando el canal alfa, por lo que necesita un fondo transparente para funcionar. Un píxel cuenta como parte de un sprite cuando su alfa supera un umbral pequeño. La hoja se explora en busca de filas de sprites y luego de sprites dentro de cada fila, y los fragmentos diminutos sueltos se filtran cuando su área es mucho menor que la de un sprite típico.
Después, los sprites se copian en una cuadrícula de celdas iguales. La cuadrícula tiene una disposición aproximadamente cuadrada, con el ancho y el alto de celda fijados al del sprite más grande encontrado. Cada sprite se coloca a la izquierda de su celda y centrado verticalmente. La herramienta muestra cuántos sprites encontró, la cuadrícula como columnas por filas y el tamaño de celda en píxeles, junto a las imágenes original y reempaquetada.
Obtienes dos descargas. El PNG es la hoja reempaquetada. El archivo JSON enumera cada fotograma por nombre con su posición y tamaño en la nueva hoja, el tamaño de origen, el desplazamiento del sprite dentro de su celda y un pivote de 0 y 0,5. Los nombres se forman con el nombre de tu archivo más un índice de tres dígitos.
Si no se detecta nada, la página te indica que uses una imagen con fondo transparente. La detección y el reempaquetado se hacen en tu navegador y la imagen no se sube.
Preguntas frecuentes
¿Por qué no se detectaron sprites?
La detección se basa en la transparencia. Si tu hoja tiene un fondo sólido, quítalo primero, por ejemplo con el eliminador de fondo.
¿En qué orden se empaquetan los sprites?
En orden de lectura: fila por fila desde arriba y de izquierda a derecha dentro de cada fila.
¿Qué contiene el archivo JSON?
Un objeto frames con el rectángulo, el tamaño de origen, el desplazamiento del sprite y el pivote de cada fotograma, además de una pequeña sección meta.
¿Se redimensionan los sprites?
No. Cada sprite conserva su tamaño en píxeles. Solo cambian el espaciado y la posición.
¿Se sube la hoja a algún sitio?
No. Todo se ejecuta en tu navegador.