Voir les sorties

Sorties réelles d'un vrai GIF — pas de maquettes.

PNG de Spritesheet

Toutes les images dans un fichier

Chaque image regroupée dans un PNG en grille. Déposez-le directement dans Unity, Godot, Phaser ou tout moteur qui lit les spritesheets.

Spritesheet d'animation de corgi qui marche — 128 images dans une grille 16×8

128 images · grille 16 × 8 · 1280 × 640 px · healthy_pacing.gif

Table de Déplacement · Dart / Flutter

Correspondance image → position

Analyse le mouvement des pixels image par image et produit une valeur de déplacement de 0→1 par image. Reste à 0 pendant l'attente initiale, avance pendant la foulée, reste à 1 à la fin — ainsi la position à l'écran du personnage reste verrouillée sur le mouvement réel des jambes.

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

Généré à partir du même GIF en < 1 seconde · fonctionne avec toute animation de marche

Pourquoi le remplissage par diffusion gagne pour les sprites

Les modèles d'IA entraînés sur la photographie sont déroutés par la couleur plate des dessins animés

IA sur les sprites de dessins animés

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

Remplissage par diffusion sur les sprites ✦

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

Réglez la méthode sur Auto et RemoveGifBG choisira automatiquement le remplissage par diffusion lorsqu'il détecte un fond plat.

FAQ sur les sprites de jeu

Quels moteurs de jeu acceptent les sprites APNG ?

Unity, Godot, Phaser.js et la plupart des moteurs web peuvent importer des séquences PNG ou lire l'APNG comme un PNG standard. Utilisez le téléchargement du spritesheet pour les moteurs qui ont besoin de PNG image par image.

Pourquoi le sujet se décale-t-il entre les images ?

RemoveGifBG calcule une boîte englobante d'union sur toutes les images avant de recadrer, donc les sujets restent alignés quelle que soit la position par image. Le recadrage est spatialement cohérent sur toute l'animation.

Qu'est-ce que l'option d'ancrage « Bas » ?

Pour les sprites de personnages, l'ancrage Bas place le sujet en bas du canevas pour que les pieds touchent toujours le plan du sol — la convention standard pour les assets de jeux de plateforme et de RPG.

Puis-je utiliser la méthode de remplissage par diffusion sur des sprites de pixel art ?

Oui — le remplissage par diffusion fonctionne parfaitement sur le pixel art avec des fonds de couleur unie. Réglez une tolérance basse (8–12) pour des bords de pixels nets. Évitez la méthode IA pour le pixel art car elle peut adoucir les bords.