Como usar: Editor de Pivô de Sprites
- Solte um sprite sheet e confira a grade detectada.
- Clique na visualização grande do frame para posicionar o pivô ou use uma predefinição: centro, centro inferior, canto superior esquerdo ou pés (detectado automaticamente pelos pixels mais baixos).
- Navegue pelos frames com as setas ou as teclas , e . e ajuste os pivôs com as setas do teclado (Shift = 4 px).
- Observe a prévia: os frames são desenhados alinhados pelo pivô sobre uma linha de chão, então qualquer tremida fica evidente.
- Defina o FPS, as durações por frame e o modo de loop, e exporte JSON genérico, no estilo Aseprite ou no estilo Godot.
O que você recebe
- JSON genérico: retângulos dos frames, pivô em px e de 0 a 1, durações, fps, loop
- JSON no estilo Aseprite (json-array com frameTags)
- JSON pronto para Godot (regiões, offsets, durações relativas)
Dicas de quem faz jogos com ela
- 'Pés' encontra o centro inferior dos pixels visíveis em cada frame, que é o pivô certo para a maioria dos personagens em visão lateral.
- O onion skin desenha o frame anterior alinhado pelo pivô, então você consegue alinhar com precisão um pé ou a cabeça entre frames.
- Segure um frame-chave por mais tempo dando a ele uma duração própria: frames de antecipação e de impacto costumam pedir 2–3× o tempo base.
- Reimportar um JSON exportado restaura os pivôs e o FPS, então você pode voltar e ajustar depois.
Casos de uso
- Eliminar tremidas de animações geradas por IA ou decalcadas
- Definir origens de ataque e pulo que mudam a cada frame
- Preparar sprite sheets para engines que leem origem por frame
- Passar os dados de tempo para um programador
Perguntas frequentes
O que é um pivô?
O ponto do frame que fica na posição do sprite no jogo. Num personagem, normalmente fica entre os pés, para que ele pise no chão não importa como o frame foi desenhado.
Por que minha animação desliza ou treme?
O personagem não está no mesmo lugar em todos os frames. Com um pivô por frame a engine consegue compensar, e a prévia aqui mostra o resultado antes de você exportar.
Quais formatos posso exportar?
Um JSON genérico com tudo, um json-array no estilo Aseprite com frame tags e pivôs normalizados, e um JSON no estilo Godot com regiões e offsets relativos ao centro do frame.
Dá para importar os pivôs de volta?
Sim. Qualquer um dos três formatos exportados pode ser carregado de novo para restaurar pivôs, durações e FPS.
Ele altera minha imagem?
Não. O sprite sheet fica como está; só os dados em JSON são exportados.
Meu sprite sheet é enviado para algum servidor?
Não. Tudo acontece localmente no seu navegador.