Resumen
Abre localmente sprites y cuadrículas, alinea las celdas con precisión, selecciona regiones y expórtalas como archivos PNG.
Funciones
- Lokale Bildverarbeitung
- Präzise Rasterausrichtung
- Mehrfachauswahl
- PNG-Export
Manual
Este manual describe el espacio de trabajo implementado en escritorio y web. Los fragmentos HTML incluidos son copias visuales saneadas y no conectadas de la estructura AT real; muestran diseño y accesibilidad sin ejecutar operaciones de imagen.
Imágenes de origen
| Control | Efecto |
|---|---|
| Repository | Abre la subvista del repositorio. Activar o hacer doble clic en un recurso PNG, JPEG o WebP carga su revisión actual. |
| Cuadrícula | Abre las propiedades numéricas de la cuadrícula. |
| Mostrar todas las imágenes compatibles / Mostrar solo sprite sheets | Desactiva o restaura el filtro sprite-sheet. |
| Vista de lista / Vista de cuadrícula | Cambia la presentación de resultados. |
| Actualizar repositorio | Vuelve a cargar los resultados. |
| Cerrar / abrir barra lateral | Pliega o vuelve a abrir cualquiera de las dos barras laterales. |
| Tirador de tamaño / flechas / doble clic | Cambia el ancho de la barra lateral; el doble clic restaura su ancho predeterminado. |
| Abrir imagen (web) | Abre el selector de archivos para PNG, JPEG o WebP. |
| Soltar imagen aquí | Carga un archivo local compatible. Reemplazar una fuente ya cargada requiere confirmación. |
| Cancelar / Reemplazar | Conserva la imagen actual o acepta la nueva manteniendo la configuración de la cuadrícula. |
Subvista Repository – fragmento visual
Barra de herramientas principal
| IconButton | Botón | Efecto |
|---|---|---|
| Aplicar configuración de recorte / Descargar recortes | Abre la exportación; está desactivado sin fuente o recortes válidos. | |
| Deshacer | Restaura el estado anterior de cuadrícula, celda, bloqueo o detección. | |
| Restablecer cuadrícula | Restaura geometría, offsets, bloqueos, selección y umbral iniciales. | |
| Ajustar vista | Ajusta la imagen fuente al lienzo. | |
| Alfa 32 / 64 / 128 / 192 / 224 | Ejecuta la detección automática con el umbral alfa elegido. | |
| Seleccionar cuadrícula manualmente | Activa la manipulación directa del marco completo. | |
| Bloquear X / Bloquear Y | Impide el movimiento de la celda seleccionada en el eje correspondiente. | |
| Alinear todos los recortes con el contenido X visible | Alinea al ancla X medida de la celda maestra. | |
| Alinear todos los recortes con el borde Y inferior visible | Alinea al borde Y inferior medido de la celda maestra. | |
| Centrar celda | Elimina el desplazamiento individual de la celda. |
Los cinco presets son botones separados: Alfa 32, Alfa 64, Alfa 128, Alfa 192 y Alfa 224.
Propiedades de cuadrícula y lienzo
Filas, columnas, ancho y alto de celda, espacio X/Y y desplazamiento X/Y se editan en el AT Property Grid. Las flechas mueven la selección un píxel y Shift más flecha, diez. Arrastrar el marco o el tirador de movimiento desplaza toda la cuadrícula; el tirador de tamaño cambia ancho y alto de celda; el centro de una celda mueve solo ese recorte. La rueda amplía el lienzo; Espacio o el botón central más arrastre desplaza la vista; Ajustar vista restaura el encuadre.
Property Grid – fragmento visual
Vista previa de recortes y zoom
Una tarjeta Rxx · Cxx selecciona la celda. Ampliar Rxx · Cxx abre la vista ampliada y permanece marcada mientras está activa. Alejar, Acercar, Restablecer zoom y Cerrar zoom controlan una escala del 100 al 400 %. La regla conserva marcas y oculta números superpuestos. En zoom, las flechas o el arrastre directo desplazan la fuente visible bajo el recorte fijo; la rueda cambia el zoom entre 100 y 400 %.
Tarjeta y barra de zoom – fragmentos visuales
Exportación
| Control | Efecto |
|---|---|
| Cerrar exportación | Cierra la vista sin ejecutar. |
| ID del movimiento | Define ID, nombre y prefijo de archivo. |
| Duración del fotograma (ms) | Define 16–60000 ms por fotograma. |
| Repetir movimiento | Activa o desactiva el bucle. |
| Cambiar tamaño al guardar | Activa el escalado. |
| Modo: Porcentaje / Absoluto | Elige escalado relativo o tamaño fijo; desactivar el escalado conserva el tamaño original. |
| Porcentaje | Define 1–1000 %. |
| Mantener proporción | Acopla ancho y alto en modo absoluto. |
| Ancho / Alto | Define 1–4096 píxeles. |
| Interpolación | Elige Nearest Neighbor, suavizado medio o suavizado de alta calidad. |
| Tarjeta de recorte | Incluye o excluye un fotograma. |
| Nombre de archivo | Cambia el sufijo individual. |
| Guardar en el repositorio (escritorio) | Crea localmente el contenedor .akmovement y lo guarda con metadatos tipados mediante el host del repositorio. |
| Descargar archivos PNG (web) | Renderiza y descarga localmente los fotogramas seleccionados. |
Vista de exportación – fragmento visual
Guardado automático
Los cambios de cuadrícula y exportación se guardan automáticamente. La fuente del repositorio, selección, bloqueos y estado de barras laterales se restauran mediante ToolStorage. Los bytes de una imagen local no se duplican en ToolStorage.
Requisitos
Se necesita una imagen PNG, JPEG o WebP compatible dentro del límite documentado de 50 MB. La versión web requiere Canvas, File y descargas del navegador.
Pasos
Abre una imagen, ejecuta un preset alfa o ajusta la cuadrícula, corrige los recortes, selecciona fotogramas, configura reproducción y tamaño opcional y guarda o descarga el resultado.
Parámetros
Filas, columnas, dimensiones, espacios, offsets, umbral alfa, bloqueos, selección de fotogramas, duración, bucle, tamaño e interpolación controlan el resultado.
Resultado
La exportación de escritorio guarda un recurso .akmovement; la versión web descarga localmente los recortes PNG seleccionados.
Errores frecuentes
Sin imagen, las acciones dependientes de la fuente permanecen desactivadas. IDs, tamaños, selecciones, duración o interpolación no válidos se rechazan antes del procesamiento. Para hojas irregulares prueba otro umbral alfa y corrige manualmente filas, columnas, tamaños, espacios y offsets.
Solución de problemas
Si la cuadrícula no se detecta correctamente, cambia el umbral alfa, comprueba la transparencia y ajusta después la geometría manualmente.
Fuentes de datos
akyao.graphics.image-crop-grid
Sin datos externos integrados. Los documentos e imágenes de entrada los proporciona el usuario.
Dependencias de ejecución por herramienta
- @codemirror/autocomplete 6.20.3: MIT
- @codemirror/commands 6.10.4: MIT
- @codemirror/language 6.12.4: MIT
- @codemirror/lint 6.9.7: MIT
- @codemirror/merge 6.12.2: MIT
- @codemirror/search 6.7.1: MIT
- @codemirror/state 6.7.1: MIT
- @codemirror/view 6.43.8: MIT
- @lezer/common 1.5.2: MIT
- @lezer/highlight 1.2.3: MIT
- @lezer/lr 1.4.10: MIT
- @marijn/find-cluster-break 1.0.3: MIT
- @tabler/icons-react 3.47.0: MIT
- @tabler/icons 3.47.0: MIT
- codemirror 6.0.2: MIT
- crelt 1.0.7: MIT
- react-dom 19.2.8: MIT
- react 19.2.8: MIT
- scheduler 0.27.0: MIT
- style-mod 4.1.3: MIT
- w3c-keyname 2.2.8: MIT