Déposez les frames que vous avez déjà — exportées d’Aseprite, dessinées à la main ou générées ailleurs — et obtenez une sprite sheet PNG prête pour le jeu. Tout s’exécute dans votre navigateur ; rien n’est envoyé.
Pas encore de frames ? Laissez le sprite creator IA dessiner le personnage et l’animation pour vous.
Première fois ? Lisez comment créer une sprite sheet →
Un fichier image correspond à une frame. Les GIF sont importés comme images fixes, sans décomposer l’animation.
Cliquez pour voir le résultat. L’exemple remplace les images actuelles.
Colonnes : nombre d’images par ligne. La marge ajoute de l’espace autour de chaque image.
Ajoutez des frames pour générer la planche
Chargez un exemple ci-dessus ou ajoutez vos images à gauche.
PNG transparent · pixels d’origine · aucun envoi au serveur
Découvrez d’autres personnages, puis placez vos images dans une grille uniforme. Les visuels ci-dessous illustrent la mise en page.
Assembler mes images Trois étapes, toutes dans votre navigateur.
Glissez-déposez les images de chaque frame. Elles sont triées par nom de fichier : walk_01, walk_02 … arrivent dans le bon ordre. Réordonnez ou retirez n’importe quelle frame en un clic.
Définissez le nombre de colonnes, ou laissez en auto pour une seule ligne jusqu’à 8 frames. Ajoutez 1 à 4 px de marge pour éviter que les frames voisines ne bavent lors de l’échantillonnage.
Chaque frame garde ses pixels d’origine. Les cellules sont uniformes (largeur max × hauteur max) et les frames partagent la même ligne de base, donc les moteurs peuvent découper la planche avec une grille fixe.
Réunissez des images séparées dans un PNG. Choisissez les colonnes et les marges en conservant les pixels d’origine.
Pixels d’origine
Les images ne sont pas redimensionnées pendant l’assemblage.
Cellules uniformes
Les dimensions maximales des images déterminent la taille des cellules.
Traitement local
L’assemblage et l’export PNG se font sur votre appareil.
Comment vos images sont disposées, en chiffres.
| Créateur de planches de sprites | |
|---|---|
| [R01] Entrée | PNG, WebP, GIF ou JPEG ; un fichier = une image |
| [R02] Taille de case | L'image la plus large × la plus haute |
| [R03] Alignement | Centré horizontalement, calé en bas — les pieds sur la même ligne |
| [R04] Mise à l'échelle | Aucune. Les pixels d'origine sont conservés |
| [R05] Colonnes | Auto, 1, 2, 4 ou 8 |
| [R06] Marge | 0, 1, 2 ou 4 px |
| [R07] Ordre | Par nom de fichier, puis par glisser-déposer |
| [R08] Sortie | PNG |
| [R09] Où ça tourne | Votre navigateur ; rien n'est envoyé |
Les colonnes décident de la forme de la planche. Le bon nombre dépend de l’animation et de la façon dont votre moteur la découpe.
Idéal pour les boucles courtes : cycle de marche, respiration au repos, pièce qui tourne. Toutes les frames sont sur une ligne : il suffit de diviser la largeur de la planche par le nombre de frames. Auto utilise une seule ligne jusqu’à 8 frames.
Plusieurs actions sur une planche ? Si elles ont toutes le même nombre de frames, réglez les colonnes sur ce nombre — 4 ou 8 — et chaque action occupe sa propre ligne, la frame 1 de chacune alignée dans la première colonne.
Une bande verticale. Certaines animations CSS et d’anciens moteurs attendent des frames empilées de haut en bas.
Au-delà de 8 frames, Auto passe à une grille presque carrée : 12 frames donnent 4 × 3. Une planche carrée reste dans les limites de taille de texture des GPU mobiles, là où une ligne de 40 frames peut devenir trop large.
Ce que demandent les développeurs avant d’assembler leurs frames.
Oui, entièrement. Il tourne dans votre navigateur, sans limite de frames ni compte. Seul le sprite creator IA de la page d’accueil consomme des crédits.
Non. Les frames sont lues et assemblées avec l’API canvas du navigateur, sur votre machine. Rien ne quitte votre appareil.
La taille de cellule est fixée par la frame la plus large et la plus haute. Les plus petites sont centrées horizontalement et alignées en bas, pour que les personnages gardent les pieds sur la même ligne. Les frames ne sont jamais redimensionnées.
Tout moteur qui découpe une planche selon une grille fixe : Unity, Godot, GameMaker, Phaser, Pygame et d’autres. Utilisez la taille de cellule affichée sous l’aperçu comme largeur et hauteur de frame.
Oui. Le sprite creator de la page d’accueil dessine un personnage et ses frames d’animation à partir d’une description et vous livre la sprite sheet terminée.
Le créateur de planches assemble en une grille les images que vous avez déjà. Le créateur de sprites génère un nouveau sprite à partir d'une description écrite. L'un range votre art, l'autre le dessine.
Décrivez un personnage et une action : le sprite creator IA vous renvoie une sprite sheet animée en une minute environ.
Quatre chemins vers une planche de sprites. Choisissez selon ce que vous avez déjà.
