Cortar a mano significa adivinar tamaños de celda, contar márgenes y corregir cortes desfasados por un píxel. El cortador primero lee la hoja: encuentra una cuadrícula uniforme cuyas líneas de corte no atraviesan ningún píxel de sprite, o detecta cada sprite por sus píxeles conectados cuando la hoja no tiene cuadrícula. Ves los cortes sobre la hoja, la animación se reproduce mientras ajustas y puedes hacer clic en cualquier celda para quitarla.
Cómo usar la herramienta Cortador de sprite sheets
- Suelta una hoja con fondo transparente o de color liso. La cuadrícula se detecta de inmediato y se dibuja encima.
- Si no acierta, define filas y columnas, o cambia a Tamaño de celda e ingresa el tamaño del fotograma. Usa el desplazamiento y la separación para hojas con borde o con espacio entre fotogramas.
- Para hojas compactas sin cuadrícula (sets de objetos, tilesets de props), elige Buscar sprites. La distancia de unión junta partes sueltas, como la punta de una espada, con su sprite.
- Haz clic en las celdas de la hoja para excluirlas. Las celdas vacías se omiten automáticamente.
- Mira la vista previa, define los FPS y descarga los fotogramas como ZIP, GIF o una hoja reconstruida con datos para Godot, Unity, Phaser o Aseprite.
Qué obtienes
- ZIP de fotogramas: cada fotograma como su propio PNG (la celda en los modos de cuadrícula, un recuadro ajustado en Buscar sprites), más un JSON que indica dónde estaba cada uno en la hoja original.
- Fotogramas uniformes: todos los fotogramas en celdas iguales, alineados abajo al centro, listos para animar.
- Hoja reconstruida con espaciado limpio, más datos de Aseprite, Phaser/TexturePacker, Godot 4 y CSS, y un GIF.
Con qué motores funciona
- La alineación abajo al centro mantiene los pies sobre la misma línea en todos los fotogramas, que es lo que necesitan los personajes de plataformas y de vista cenital.
- Los archivos de datos de la hoja reconstruida se cargan directamente en Godot 4 (SpriteFrames), Phaser 3 (atlas) y en los importadores basados en Aseprite para Unity y Godot.
Consejos de quienes la usan para hacer juegos
- Las hojas de las tiendas de assets suelen tener una separación de 1px entre fotogramas. Pon Separación X/Y en 1 si las líneas de corte quedan desfasadas por un píxel.
- Si Buscar sprites parte un personaje en pedazos, sube la distancia de unión hasta que cada personaje quede en un solo recuadro.
- Si une dos sprites vecinos, baja la distancia de unión a 0.
- Hojas con fondo opaco: activa Quitar color de fondo para que los fotogramas salgan transparentes.
Casos de uso
- Sacar fotogramas sueltos de una hoja de una tienda de assets para editar una pose.
- Dividir una hoja de iconos u objetos en PNG individuales para una UI o un inventario.
- Reespaciar una hoja para que funcione con el cortador por cuadrícula de un motor.
- Convertir una hoja en GIF para compartir tu avance.
Preguntas frecuentes
¿Cómo funciona la detección automática de la cuadrícula?
Prueba todas las cantidades de columnas y filas que dividen la hoja en partes iguales, descarta cualquier cuadrícula cuyas líneas de corte pasen por píxeles de un sprite o lo partan en dos, y exige que la mayoría de las celdas tengan algo. Gana la cuadrícula más fina que pase la prueba. Si no encaja ninguna cuadrícula uniforme, como en un atlas o un kit de UI, cambia a Buscar sprites.
¿Y si mis sprites no están en una cuadrícula?
Usa Buscar sprites. Etiqueta cada grupo de píxeles conectados, une los grupos que estén dentro de la distancia de unión, descarta las motas menores al tamaño mínimo y ordena los resultados en orden de lectura (filas de arriba abajo, de izquierda a derecha).
¿Puede cortar hojas con fondo sólido?
Sí. El color de fondo se detecta desde el borde y se trata como vacío para la detección. Activa Quitar color de fondo para que los fotogramas exportados sean transparentes.
¿Se suben mis archivos?
No. El corte, la detección y la codificación ocurren en tu navegador. La hoja nunca sale de tu dispositivo.
¿Qué nombres reciben los fotogramas?
El nombre de la hoja más un índice con ceros a la izquierda, por ejemplo hero_00.png, hero_01.png, para que se ordenen bien en cualquier lugar.
¿Puedo volver a juntar los fotogramas de otra forma?
Sí, el panel de exportación reconstruye una hoja con las columnas y el padding que elijas, o usa el Creador de sprite sheets para empaquetado compacto, extrusión y tamaños potencia de dos.