Cómo usar la herramienta Editor de pivotes de sprites
- Suelta una sprite sheet y revisa la cuadrícula detectada.
- Haz clic en la vista grande del fotograma para colocar el pivote, o usa un preset: centro, centro inferior, arriba a la izquierda o pies (detectado automáticamente a partir de los píxeles más bajos).
- Recorre los fotogramas con las flechas o las teclas , y . y ajusta los pivotes con las flechas del teclado (Shift = 4 px).
- Observa la vista previa: los fotogramas se dibujan alineados en su pivote sobre una línea de suelo, así que cualquier temblor salta a la vista.
- Define los FPS, la duración de cada fotograma y el modo de loop, y luego exporta JSON genérico, estilo Aseprite o estilo Godot.
Qué obtienes
- JSON genérico: rectángulos de fotogramas, pivote en px y en 0–1, duraciones, fps y loop
- JSON estilo Aseprite (json-array con frameTags)
- JSON compatible con Godot (regiones, offsets y duraciones relativas)
Consejos de quienes la usan para hacer juegos
- 'Pies' encuentra el centro inferior de los píxeles visibles de cada fotograma, que es el pivote correcto para la mayoría de los personajes en vista lateral.
- El papel cebolla dibuja el fotograma anterior alineado por su pivote, así puedes alinear con precisión un pie o la cabeza entre fotogramas.
- Mantén un fotograma clave más tiempo dándole su propia duración: los fotogramas de anticipación e impacto suelen pedir 2–3× el tiempo base.
- Si vuelves a importar un JSON exportado, se restauran los pivotes y los FPS, así puedes regresar y ajustar después.
Casos de uso
- Quitar temblores de animaciones generadas con IA o calcadas
- Definir orígenes de ataque y salto que cambian en cada fotograma
- Preparar sprite sheets para motores que leen orígenes por fotograma
- Pasarle los datos de tiempos a un programador
Preguntas frecuentes
¿Qué es un pivote?
El punto del fotograma que queda en la posición del sprite dentro del juego. En un personaje suele estar entre los pies, para que se mantenga sobre el suelo sin importar cómo esté dibujado el fotograma.
¿Por qué mi animación patina o tiembla?
El personaje no está en el mismo lugar en todos los fotogramas. Con un pivote por fotograma el motor puede compensarlo, y la vista previa de aquí te muestra el resultado antes de exportar.
¿Qué formatos puedo exportar?
Un JSON genérico con todo, un json-array estilo Aseprite con frame tags y pivotes normalizados, y un JSON estilo Godot con regiones y offsets relativos al centro del fotograma.
¿Puedo volver a importar los pivotes?
Sí. Cualquiera de los tres formatos exportados se puede cargar de nuevo para restaurar pivotes, duraciones y FPS.
¿Modifica mi imagen?
No. La sprite sheet queda tal cual; solo se exportan los datos en JSON.
¿Se sube mi sprite sheet?
No. Todo ocurre localmente en tu navegador.