Découper à la main, c'est deviner la taille des cellules, compter les marges et corriger les découpes décalées d'un pixel. Le découpeur lit d'abord la planche : il trouve une grille régulière dont les lignes de coupe ne traversent aucun pixel de sprite, ou, si la planche n'a pas de grille, détecte chaque sprite séparé à partir de ses pixels connectés. Vous voyez les découpes par-dessus la planche, l'animation se lit pendant vos réglages, et un clic sur une cellule suffit pour l'écarter.
Comment utiliser l'outil Découpeur de sprite sheet
- Déposez une planche à fond transparent ou uni. La grille est détectée immédiatement et dessinée par-dessus.
- Si la détection se trompe, indiquez lignes et colonnes, ou passez en Taille de cellule et saisissez la taille des frames. Utilisez le décalage et l'espacement pour les planches avec une bordure ou un espace entre les frames.
- Pour les planches compactes sans grille (sets d'objets, tilesets de props), choisissez Trouver les sprites. La distance de fusion rattache les morceaux détachés, comme une pointe d'épée, à leur sprite.
- Cliquez sur des cellules de la planche pour les exclure. Les cellules vides sont ignorées automatiquement.
- Regardez l'aperçu, réglez le FPS, puis téléchargez les frames en ZIP, en GIF, ou sous forme de planche reconstruite avec des données Godot, Unity, Phaser ou Aseprite.
Ce que vous obtenez
- ZIP de frames : chaque frame dans son propre PNG (la cellule en mode grille, un cadre ajusté en mode Trouver les sprites), plus un JSON indiquant sa position sur la planche d'origine.
- Frames uniformes : toutes les frames dans des cellules égales, alignées en bas au centre, prêtes à animer.
- Planche reconstruite avec un espacement propre, plus des données Aseprite, Phaser/TexturePacker, Godot 4 et CSS, et un GIF.
Moteurs compatibles
- L'alignement en bas au centre garde les pieds sur la même ligne dans chaque frame, ce dont ont besoin les personnages de plateforme et en vue de dessus.
- Les fichiers de données de la planche reconstruite se chargent directement dans Godot 4 (SpriteFrames), Phaser 3 (atlas) et les importeurs basés sur Aseprite pour Unity et Godot.
Conseils tirés de nos propres jeux
- Les planches des asset stores ont souvent 1 px d'espace entre les frames. Réglez l'espacement X/Y sur 1 si les lignes de coupe sont décalées d'un pixel.
- Si Trouver les sprites coupe un personnage en morceaux, augmentez la distance de fusion jusqu'à ce que chaque personnage tienne dans un seul cadre.
- S'il fusionne deux sprites voisins, ramenez la distance de fusion à 0.
- Planches à fond opaque : activez Retirer la couleur de fond pour obtenir des frames transparentes.
Cas d'usage
- Extraire des frames d'une planche d'asset store pour retoucher une pose.
- Découper une planche d'icônes ou d'objets en PNG individuels pour une UI ou un inventaire.
- Réespacer une planche pour qu'elle fonctionne avec le découpage en grille d'un moteur.
- Transformer une planche en GIF pour partager votre avancée.
FAQ
Comment fonctionne la détection automatique de la grille ?
Il essaie chaque nombre de colonnes et de lignes qui divise la planche de façon régulière, rejette toute grille dont les lignes de coupe traversent des pixels de sprite ou coupent un sprite en deux, et exige que la plupart des cellules contiennent quelque chose. La grille la plus fine qui passe ces tests l'emporte. Si aucune grille régulière ne convient, comme pour un atlas ou un kit d'UI, il passe en mode Trouver les sprites.
Et si mes sprites ne sont pas en grille ?
Utilisez Trouver les sprites. Le mode repère chaque groupe de pixels connectés, fusionne les groupes situés dans la distance de fusion, supprime les points plus petits que la taille minimale et range les résultats dans l'ordre de lecture (lignes de haut en bas, de gauche à droite).
Peut-il découper des planches à fond uni ?
Oui. La couleur de fond est détectée sur le bord et considérée comme vide pour la détection. Activez Retirer la couleur de fond pour que les frames exportées soient transparentes.
Mes fichiers sont-ils envoyés en ligne ?
Non. La découpe, la détection et l'encodage se font dans votre navigateur. La planche ne quitte jamais votre appareil.
Comment les frames sont-elles nommées ?
Avec le nom de la planche suivi d'un index complété par des zéros, par exemple hero_00.png, hero_01.png, pour qu'elles se trient correctement partout.
Puis-je réassembler les frames autrement ?
Oui, le panneau d'export reconstruit une planche avec le nombre de colonnes et la marge de votre choix ; sinon, utilisez le Créateur de sprite sheet pour un empaquetage serré, l'extrusion et les tailles en puissance de deux.