Divide un conjunto de piezas con márgenes y separaciones sin desplazarlas
La primera tesela se ve bien, pero cada tesela más alejada en la hoja incluye una parte mayor de su vecina. Ese patrón suele indicar que el espaciado se contó como parte de la tesela o se ignoró por completo. Mide tres valores independientes antes de recortar la hoja.
Mide por separado el tamaño de pieza, el borde y la separación
Ancho y alto describen los píxeles de salida. Margen exterior es el borde igual en los cuatro lados; separación, el hueco entre celdas. Una celda de 32 px y hueco de 1 px avanza 33 px al siguiente recorte, pero exporta 32 px.
Examina el original a su tamaño real en un editor con coordenadas de píxel. No lo estimes a partir de una miniatura escalada del navegador. Este divisor tiene un valor de margen y uno de separación, por lo que los bordes asimétricos o separaciones horizontales y verticales distintas requieren procesamiento previo o división manual.
Trabaja con un original de 135 × 102
- Carga un PNG o WebP con cuatro columnas y tres filas de piezas de 32 × 32.
- Configura ancho y alto de pieza en 32, margen exterior en 2 y separación en 1.
- Deja la omisión y la eliminación de duplicados desactivadas en la primera prueba, para que la salida esperada sean doce archivos.
- Extrae, examina la vista previa y después abre el ZIP y revisa la última columna y la fila inferior. La vista previa solo muestra las primeras dieciséis piezas exportadas.
El ancho es 2 × 2 + 4 × 32 + 3 × 1 = 135. El alto es 2 × 2 + 3 × 32 + 2 × 1 = 102. Las posiciones x son 2, 35, 68 y 101; las y, 2, 35 y 68. Estas cifras permiten comprobar los ajustes sin adivinar.
Identifica el patrón del error antes de cambiar ajustes
| Patrón | Posible problema de medición | Comprobar |
|---|---|---|
| Todas las piezas desplazadas por igual | Margen exterior incorrecto | Coordenada de la primera pieza |
| Desplazamiento horizontal creciente | Ancho o separación incorrecta | Distancia entre los inicios de columna |
| Desplazamiento vertical creciente | Altura o separación incorrecta | Distancia entre los inicios de fila |
| Falta la última fila o columna | Celdas finales incompletas | Dimensiones reales de la imagen y borde |
Solo se extraen celdas completas. Si introduces un margen mayor que el real, la última puede quedar fuera de la cuadrícula permitida. La herramienta no estira un resto parcial para inventar una celda. Corrige las medidas o prepara el original, no lo compenses con otra dimensión.
Activa la omisión y la eliminación de duplicados después de corregir la cuadrícula
Una celda vacía omitida tiene alfa 0 en todos sus píxeles. Un solo píxel tenue basta para conservarla. La eliminación de duplicados usa igualdad RGBA exacta, incluidos los valores RGB ocultos bajo alfa 0. No combina texturas casi coincidentes, y dos imágenes transparentes visualmente idénticas pueden permanecer separadas.
Tras activar estas opciones, el número de archivo y el número de celda original no tienen por qué coincidir. Conserva tilemap.json: sus celdas registran las posiciones de fila y columna, con un ID de pieza para un recurso conservado o null para una celda vacía omitida. Las posiciones duplicadas pueden hacer referencia al mismo ID. El manifiesto es un mapa de esta extracción, no un mapa de piezas listo para un motor.
Separa errores de recorte de uniones del motor
Si el PNG exportado ya contiene el borde de una pieza vecina, corrige los ajustes de recorte. Si los PNG están limpios pero el juego muestra líneas finas al mover la cámara, revisa el filtrado, la escala, los márgenes de textura y la configuración de importación del motor. Volver a cortar piezas limpias con píxeles adicionales arbitrarios oculta la diferencia y puede dañar la ilustración.
Prueba el flujo de trabajo
Define ancho, alto, margen exterior y separación y exporta piezas PNG y un manifiesto de posiciones.
Abrir Divisor de conjuntos de piezas →