Sprite Animation Timeline

Crie animações de sprite pixel a pixel no estilo do LibreSprite: menus, caixa de ferramentas e uma linha do tempo com camadas e quadros.

O que dá para fazer

• Desenhe em uma grade de 8×8 a 64×64 com lápis, borracha, balde, conta-gotas, linha e retângulo.
• Trabalhe com várias camadas: mostre, oculte, duplique, reordene e remova.
• Adicione, duplique, remova e mova quadros na linha do tempo (camadas nas linhas, quadros nas colunas).
• Defina a duração de cada quadro em milissegundos.
• Use zoom, grade, desfazer e refazer.
• Veja a prévia em loop e use a cebola (onion skin) para ver o quadro anterior.
• Exporte uma folha de sprites PNG ou um JSON com os quadros.

Como começar

Escolha um tamanho no menu Sprite, desenhe no primeiro quadro e clique em + Quadro para ajustar o movimento. Para separar partes do desenho, use + Camada. Tudo é salvo automaticamente neste navegador.

Atalhos

Espaço reproduz, ←/→ trocam de quadro, ↑/↓ trocam de camada, P/E/F/I/L/R escolhem ferramentas, + e - dão zoom, Ctrl+Z desfaz e Ctrl+Y refaz.