Mira las salidas

Salidas reales de un GIF real — sin maquetas.

Spritesheet PNG

Todos los fotogramas en un archivo

Cada fotograma empaquetado en un PNG en cuadrícula. Colócalo directamente en Unity, Godot, Phaser o cualquier motor que lea spritesheets.

Spritesheet de animación de corgi caminando — 128 fotogramas en una cuadrícula 16×8

128 fotogramas · cuadrícula 16 × 8 · 1280 × 640 px · healthy_pacing.gif

Tabla de Desplazamiento · Dart / Flutter

Mapeo fotograma → posición

Analiza el movimiento de los píxeles fotograma a fotograma y genera un valor de desplazamiento de 0→1 por fotograma. Se mantiene en 0 durante la espera inicial, avanza durante la zancada, se mantiene en 1 al final — así la posición del personaje en pantalla queda fijada al movimiento real de las piernas.

// 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 …
];

Generado a partir del mismo GIF en < 1 segundo · funciona con cualquier animación de caminata

Por qué el relleno por difusión gana para sprites

Los modelos de IA entrenados con fotografía se confunden con el color plano de dibujos

IA en sprites de dibujos

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

Relleno por difusión en sprites ✦

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

Pon el método en Auto y RemoveGifBG elegirá el relleno por difusión automáticamente cuando detecte un fondo plano.

Preguntas frecuentes sobre sprites de juego

¿Qué motores de juego aceptan sprites APNG?

Unity, Godot, Phaser.js y la mayoría de los motores basados en web pueden importar secuencias PNG o leer APNG como un PNG estándar. Usa la descarga del spritesheet para los motores que necesitan PNGs fotograma a fotograma.

¿Por qué el sujeto se desplaza entre fotogramas?

RemoveGifBG calcula una bounding box de unión entre todos los fotogramas antes de recortar, así que los sujetos se mantienen alineados independientemente de la posición por fotograma. El recorte es espacialmente consistente a lo largo de la animación.

¿Qué es la opción de anclaje "Inferior"?

Para los sprites de personajes, el anclaje Inferior coloca al sujeto en la parte de abajo del lienzo para que los pies siempre toquen el plano del suelo — la convención estándar para assets de plataformas y RPG.

¿Puedo usar el método de relleno por difusión en sprites de pixel art?

Sí — el relleno por difusión funciona excelentemente en pixel art con fondos de color sólido. Establece una tolerancia baja (8–12) para bordes de píxel nítidos. Evita el método de IA para pixel art, ya que puede suavizar los bordes.