A maioria dos conversores de vídeo para sprite sheet captura frames em intervalos fixos e para por aí. Isso funciona para um efeito único. Para um ciclo de caminhada, sobra um sprite sheet que engasga no ponto do loop, um halo verde em todo contorno e um personagem que treme porque cada frame foi recortado separadamente. Esta ferramenta resolve esses três problemas para você: encontra o período do movimento, remove o fundo com despill nas bordas e recorta todos os frames com uma única caixa.
Como usar: Vídeo para Sprite Sheet
- Solte um MP4, WebM ou MOV. Um personagem filmado ou renderizado sobre fundo liso verde, magenta, azul ou branco dá o resultado mais limpo. WebM com canal alfa mantém a transparência no Chrome e no Edge.
- Defina o início e o fim do trecho que você quer (até 30 segundos) e o tamanho da captura, depois clique em Extrair frames. O clipe é reproduzido uma vez enquanto cada frame decodificado é capturado.
- Se o movimento se repete, a ferramenta encontra um ciclo completo e o seleciona. Escolha quantos frames o sprite sheet terá; eles são distribuídos igualmente pelo ciclo, e o frame de fechamento fica de fora para o loop não engasgar.
- Confira a chave do fundo. O modo automático lê a cor do fundo pela borda do frame. Se errar, clique no fundo no frame de origem. Ajuste tolerância, suavidade de borda, despill e a redução de 1px enquanto o resultado se atualiza ao vivo.
- Defina o tamanho máximo do frame e ative Pixelizar se quiser bordas rígidas e uma paleta compartilhada por todos os frames.
- Exporte o sprite sheet PNG com dados para Aseprite, Phaser/TexturePacker, Godot ou CSS, um GIF animado ou um ZIP com tudo isso e mais os frames separados.
O que você recebe
- Sprite sheet PNG com fundo transparente, organizado em grade (colunas automáticas ou fixas, espaçamento opcional).
- Dados dos frames como Aseprite JSON, Phaser/TexturePacker JSON (hash ou array), um SpriteFrames
.tresdo Godot 4, classes CSS de sprite com animação em keyframes por passos, ou configurações de fatiamento para Unity. - GIF animado em qualquer escala inteira, transparente ou sobre preto/branco.
- ZIP com o sprite sheet, o GIF, todos os formatos de dados e cada frame como um PNG separado.
Com quais engines funciona
- Godot 4: coloque o PNG e o
.tresna mesma pasta e atribua o SpriteFrames a um AnimatedSprite2D. Se o PNG estiver em outro lugar, edite o caminhores://na primeira linha. - Unity: importe o PNG como Sprite (Multiple), defina Filter Mode como Point e fatie com Grid By Cell Size usando os números do arquivo de configurações para Unity.
- Phaser 3 e PixiJS: carregue o PNG com o JSON do TexturePacker (hash) como atlas. O JSON também lista os nomes dos frames da animação em ordem.
- GameMaker, Defold, Construct, RPG Maker: importe o PNG como tira ou grade com o tamanho de frame mostrado nas configurações de exportação.
Dicas de quem faz jogos com ela
- Filme ou renderize sobre uma cor que não aparece no personagem. Magenta é o mais seguro para heróis vestidos de verde; verde para qualquer coisa vermelha ou rosa.
- Deixe uma margem em volta do personagem. Se um braço ou perna sair do quadro, o recorte compartilhado não consegue trazê-lo de volta.
- Para ciclos de caminhada e corrida, 8 frames a 10–12 fps ficam bem legíveis em 32–64 px. Animações idle podem usar 4–6 frames em ping-pong; confira o tempo no Sprite Sheet para GIF.
- Se os contornos ficarem com um tom depois da chave, aumente um pouco a suavidade de borda e mantenha o Despill ativado. Ative Reduzir 1px só quando sobrar um anel colorido.
- Pixelize no tamanho final do jogo. Reduzir um frame de 512 px para 48 px com uma paleta compartilhada fica muito melhor do que escalar um sprite sheet já pixelizado.
Casos de uso
- Transformar vídeos de referência rotoscopados em animações provisórias para um protótipo.
- Extrair um ciclo em loop de um clipe gerado por IA mostrando seu personagem em chroma key.
- Converter um render do Blender ou do Spine em sprite sheet sem montar um pipeline de renderização.
- Levar efeitos renderizados em vídeo (fumaça, magia, água) para um jogo como sprite sheet.
Perguntas frequentes
Meu vídeo é enviado para algum lugar?
Não. O arquivo é lido pelo seu navegador e os frames são processados no seu dispositivo. Nada é enviado a um servidor, e a ferramenta continua funcionando se você ficar offline depois que a página carregar.
Quais formatos de vídeo funcionam?
Qualquer um que seu navegador consiga reproduzir: MP4 (H.264), WebM (VP8/VP9/AV1) e MOV na maioria dos casos. Arquivos .mov HEVC/H.265 de iPhone só são decodificados no Safari e em algumas versões do Chrome. Se um arquivo não abrir, converta-o para MP4 H.264 antes.
Como funciona a detecção de loop?
Cada frame capturado é reduzido a uma pequena silhueta do personagem. A ferramenta então mede o quanto cada frame se parece com o frame N passos à frente, para todo N possível, encontra o período em que o movimento se repete e escolhe o ciclo cujos primeiro e último frames combinam melhor. Se nenhum intervalo for claramente melhor que os outros, ela trata o clipe como ação única e usa o trecho inteiro.
Dá para manter o fundo transparente do vídeo?
Sim, no Chrome e no Edge, que decodificam o canal alfa de arquivos WebM VP8/VP9. Escolha Manter em Fundo para que nada mais seja removido. Outros navegadores mostram esses vídeos sobre preto, então use a chave neles.
Quantos frames ela aguenta?
Até 30 segundos por captura. Os frames ficam na memória no tamanho de captura escolhido, e a ferramenta limita o total a cerca de 350 MB, então clipes longos em tamanhos grandes param antes. Para sprites, uma captura de 256–512 px é mais do que suficiente.
Por que meus frames ficam borrados quando defino um tamanho pequeno?
Reduzir um frame de vídeo faz a média dos pixels, o que suaviza as bordas. Ative Pixelizar para ajustar o resultado a um alfa rígido e uma paleta compartilhada, o que dá bordas nítidas de pixel art no tamanho final.
Consigo um sprite sheet sem filmar nada?
Sim. O gerador com IA deste site desenha seu personagem e o anima a partir de uma biblioteca de movimentos, depois exporta nos mesmos formatos desta ferramenta.