Fatiar à mão significa adivinhar tamanhos de célula, contar margens e corrigir cortes desalinhados por um pixel. O fatiador lê o sprite sheet primeiro: encontra uma grade regular cujas linhas de corte não atravessam nenhum pixel de sprite ou, quando o sprite sheet não tem grade, detecta cada sprite separado pelos pixels conectados. Você vê os cortes sobre o sprite sheet, a animação toca enquanto você ajusta, e pode clicar em qualquer célula para descartá-la.
Como usar: Fatiador de Sprite Sheet
- Solte um sprite sheet com fundo transparente ou de cor lisa. A grade é detectada na hora e desenhada por cima.
- Se o palpite estiver errado, defina linhas e colunas ou mude para Tamanho da célula e informe o tamanho do frame. Use deslocamento e espaço para sprite sheets com borda ou espaçamento entre frames.
- Para sprite sheets compactados sem grade (conjuntos de itens, tilesets de objetos), escolha Encontrar sprites. A distância de junção liga partes soltas, como a ponta de uma espada, ao seu sprite.
- Clique nas células do sprite sheet para excluí-las. Células vazias são puladas automaticamente.
- Acompanhe a prévia, defina o FPS e baixe os frames como ZIP, GIF ou um sprite sheet reconstruído com dados para Godot, Unity, Phaser ou Aseprite.
O que você recebe
- ZIP de frames: cada frame como um PNG próprio (a célula nos modos de grade, uma caixa justa no modo Encontrar sprites), mais um JSON com a posição de cada um no sprite sheet original.
- Frames uniformes: todos os frames em células iguais, alinhados pelo centro da base, prontos para animar.
- Sprite sheet reconstruído com espaçamento limpo, mais dados para Aseprite, Phaser/TexturePacker, Godot 4 e CSS, e um GIF.
Com quais engines funciona
- O alinhamento pelo centro da base mantém os pés na mesma linha em todos os frames, que é o que personagens de plataforma e top-down precisam.
- Os arquivos de dados do sprite sheet reconstruído carregam direto no Godot 4 (SpriteFrames), no Phaser 3 (atlas) e em importadores baseados em Aseprite para Unity e Godot.
Dicas de quem faz jogos com ela
- Sprite sheets de lojas de assets costumam ter 1px de espaço entre frames. Defina Espaço X/Y como 1 se as linhas de corte ficarem deslocadas por um pixel.
- Se Encontrar sprites dividir um personagem em pedaços, aumente a distância de junção até cada personagem virar uma caixa só.
- Se ele juntar dois sprites vizinhos, baixe a distância de junção para 0.
- Sprite sheets com fundo opaco: ative Remover cor de fundo para os frames saírem transparentes.
Casos de uso
- Tirar frames individuais de um sprite sheet de loja de assets para editar uma pose.
- Dividir um sprite sheet de ícones ou itens em PNGs individuais para a UI ou o inventário.
- Reespaçar um sprite sheet para funcionar com o fatiador por grade de uma engine.
- Transformar um sprite sheet em GIF para mostrar o progresso.
Perguntas frequentes
Como funciona a detecção automática da grade?
Ela testa toda quantidade de colunas e linhas que divide o sprite sheet por igual, rejeita qualquer grade cujas linhas de corte passem por pixels de sprite ou partam um sprite em dois, e exige que a maioria das células tenha algo. Vence a grade mais fina que passar. Se nenhuma grade regular servir, como em um atlas ou kit de UI, ela muda para Encontrar sprites.
E se meus sprites não estiverem em grade?
Use Encontrar sprites. Ele identifica cada grupo de pixels conectados, junta grupos que estão dentro da distância de junção, descarta pontos menores que o tamanho mínimo e ordena os resultados em ordem de leitura (linhas de cima para baixo, da esquerda para a direita).
Ele fatia sprite sheets com fundo sólido?
Sim. A cor de fundo é detectada pela borda e tratada como vazia na detecção. Ative Remover cor de fundo para que os frames exportados fiquem transparentes.
Meus arquivos são enviados?
Não. Fatiamento, detecção e codificação rodam todos no seu navegador. O sprite sheet nunca sai do seu dispositivo.
Que nomes de arquivo os frames recebem?
O nome do sprite sheet mais um índice com zeros à esquerda, por exemplo hero_00.png, hero_01.png, para ficarem na ordem certa em qualquer lugar.
Posso montar os frames de outro jeito?
Sim, o painel de exportação reconstrói um sprite sheet com as colunas e o espaçamento que você escolher, ou use o Criador de Sprite Sheet para empacotamento justo, extrusão e tamanhos em potência de dois.