Veja as saídas

Saídas reais de um GIF real — sem mockups.

Spritesheet PNG

Todos os quadros em um arquivo

Cada quadro empacotado em um PNG em grade. Solte diretamente no Unity, Godot, Phaser ou qualquer engine que leia spritesheets.

Spritesheet de animação de corgi andando saudável — 128 quadros em uma grade 16×8

128 quadros · grade 16 × 8 · 1280 × 640 px · healthy_pacing.gif

Tabela de Deslocamento · Dart / Flutter

Mapeamento quadro → posição

Analisa o movimento dos pixels quadro a quadro e gera um valor de deslocamento de 0→1 por quadro. Mantém em 0 durante a espera inicial, avança durante a passada, mantém em 1 no final — assim a posição do personagem na tela fica travada ao movimento real das pernas.

// 128 frames · idle_pad=1 · hold_lead=3 · hold_trail=5
const _kPaceTravelByFrame = <double>[
  0.0000, 0.0000, 0.0000, 0.0000, 0.0000, 0.0000,
  // … idle lead — character sitting before walk …
  0.0244, 0.0488, 0.0732, 0.0976, 0.1220, 0.1463,
  0.1707, 0.1951, 0.2195, 0.2439, 0.2683, 0.2927,
  // … advancing through stride …
  0.8780, 0.9024, 0.9268, 0.9512, 0.9756, 1.0000,
  1.0000, 1.0000, 1.0000, 1.0000, 1.0000, 1.0000,
  // … idle trail — character settling after walk …
];

Gerado a partir do mesmo GIF em < 1 segundo · funciona com qualquer animação de caminhada

Por que o preenchimento por inundação vence para sprites

Modelos de IA treinados em fotografia se confundem com a cor plana de desenho

IA em sprites de desenho

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

Preenchimento por inundação em sprites ✦

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

Defina o método como Auto e o RemoveGifBG escolherá o preenchimento por inundação automaticamente ao detectar um fundo plano.

Perguntas frequentes sobre sprites de jogo

Quais engines de jogo aceitam sprites APNG?

Unity, Godot, Phaser.js e a maioria dos engines baseados na web podem importar sequências PNG ou ler APNG como um PNG padrão. Use o download do spritesheet para engines que precisam de PNGs quadro a quadro.

Por que o objeto se desloca entre os quadros?

O RemoveGifBG calcula uma bounding box de união entre todos os quadros antes de recortar, então os objetos ficam alinhados independentemente da posição por quadro. O recorte é espacialmente consistente ao longo da animação.

O que é a opção de âncora "Inferior"?

Para sprites de personagens, a âncora Inferior coloca o objeto na parte de baixo da tela para que os pés sempre toquem o plano do chão — a convenção padrão para assets de jogos de plataforma e RPG.

Posso usar o método de preenchimento por inundação em sprites de pixel art?

Sim — o preenchimento por inundação funciona muito bem em pixel art com fundos de cor sólida. Defina uma tolerância baixa (8–12) para bordas de pixel nítidas. Evite o método de IA para pixel art, pois ele pode suavizar as bordas.