Corrija uma animação de sprite que salta: tamanho da tela, linhas de base e deslocamentos do corte
Cada pose parece boa sozinha, mas o personagem salta de posição quando você as reproduz. A velocidade raramente é a primeira coisa a mudar. Determine se o movimento vem dos desenhos, de origens diferentes dos recortes ou da transição do último quadro para o primeiro.
Pause e compare os limites reais dos quadros
Carregue a sequência e percorra as miniaturas sem reproduzi-la. Registre as dimensões de cada quadro original no editor. Uma pose de 64 × 64 seguida de uma pose com recorte justo de 28 × 45 já não descreve o mesmo sistema de coordenadas. Centralizá-las na prévia pode fazer o resultado parecer aceitável, mas deslocar os pés do personagem.
O Animador de folhas de sprites centraliza quadros menores dentro da maior tela de imagem ao exportar GIF. Ele não identifica um pé, pivô ou cabo de arma. Para um alinhamento preciso, prepare uma tela transparente comum antes de carregar, em vez de depender da centralização automática.
Escolha uma âncora adequada ao movimento
| Sequência | Referência útil | Evite |
|---|---|---|
| Repouso com apoio no chão | Linha de base do chão e pé apoiado | Alinhamento do topo da cabeça |
| Ícone de interface giratório | Centro de rotação pretendido | Centralização de cada recorte variável |
| Golpe de arma | Cabo ou ponto de fixação | Alinhamento da ponta da lâmina |
| Explosão | Origem pretendida do efeito | Forçar todas as poses assimétricas a parecerem centralizadas |
Uma caminhada inclui movimentos intencionais do corpo. Não fixe todas as partes do personagem na mesma coordenada. Um pé apoiado pode permanecer no chão enquanto o tronco sobe. Escolha a referência que expressa o objetivo da animação e preserve os movimentos intencionais das outras partes.
Restaure quadros aparados quando houver deslocamentos
Se o Aseprite exportou um recorte de 22 × 38 de uma pose de 64 × 64 com deslocamento (19, 20), crie uma imagem transparente de 64 × 64 e recoloque o recorte em (19, 20). O JSON correspondente fornece esse deslocamento por spriteSourceSize. As coordenadas do atlas em frame indicam onde ler os pixels, não onde colocá-los na pose restaurada.
Use o extrator quando houver metadados disponíveis. Se restarem apenas PNGs recortados rente ao conteúdo, os deslocamentos originais estão ausentes: alinhe-os manualmente com uma referência em um editor. Nem FPS mais altos nem um GIF maior podem recuperar essas coordenadas apenas de um recorte.
Diferencie um salto de alinhamento de um salto na sequência
- Examine as poses adjacentes devagar. Se a mesma âncora muda em relação à tela por causa do recorte, corrija o posicionamento na origem.
- Se o corpo muda de pose bruscamente, mas a âncora está estável, verifique se falta um quadro ou se algum está fora de ordem.
- Examine a pose final seguida imediatamente pela primeira. Uma sequência pode ser suave internamente e ainda falhar na transição do ciclo.
- Só depois dessas verificações escolha a velocidade de reprodução. Aumentar o FPS esconde alguns saltos, mas não os corrige.
Verifique a saída sem tratar movimento intencional como defeito
Um recuo, salto ou avanço pode legitimamente mover a âncora. Compare com a ação pretendida, em vez de reduzir a sequência a uma silhueta estática. Guarde uma versão alinhada e sem perdas, exporte o GIF e assista a várias repetições. As mudanças de cor do GIF e o arredondamento dos atrasos são questões separadas do alinhamento espacial.
Experimente o fluxo de trabalho
Avance quadro a quadro, compare os pontos de referência, reordene a sequência e visualize o ciclo antes de exportar o GIF.
Examine os quadros de animação →