Créateur de sprites de personnages : des feuilles de sprites complètes à partir d'un prompt
Créez votre propre créateur de sprites de personnages
Créez des sprites de personnages — repos, marche, attaque, huit directions — à partir d'une description. Images transparentes, grille propre, prêt pour le moteur. Puis déposez le personnage dans un monde 3D que vous pouvez parcourir.
Un créateur de sprites de personnages prend une description écrite et renvoie une feuille de sprites complète : repos, marche, course, attaque, incantation, dans huit directions, sur des images transparentes, sur une grille fixe, avec l'origine aux pieds. Vous saisissez le personnage — type de corps, silhouette, palette, arme tenue, couches de vêtements — et l'outil rend chaque pose de cette description plutôt qu'une seule image héroïque que vous devez redessiner à la main.
La différence entre un sprite et une feuille de sprites est la différence entre une image et un système d'animation. Une bonne image de repos n'est qu'une image. Une feuille est une machine à états : des nombres d'images que le moteur peut boucler, des directions qu'il peut indexer, et un personnage cohérent dans chaque cellule pour que le cycle de marche ne change pas de forme au milieu de la boucle. Neta Studio construit toute la feuille à partir du prompt, puis vous permet de déposer ce personnage dans un monde 3D que vous pouvez parcourir.
Un prompt vers une feuille de personnage complète
Vous décrivez le personnage en langage courant : espèce ou plan corporel, taille relative à la grille, carrure, cheveux ou heaume, couches de vêtements, ce qu'il tient, plage de palette et direction artistique (pixel, peint, vectoriel plat). Le créateur analyse cela en une spécification de personnage et rend toute la matrice — chaque animation, chaque direction — à partir de la même spécification. La sortie est une feuille, pas un sélecteur de pose.
Une seule image ne vous dit presque rien sur la question de savoir si un personnage fonctionne dans un jeu. Dès qu'il bouge, trois choses doivent tenir : la silhouette doit rester lisible à la taille à laquelle vous le dessinez réellement, la palette ne doit pas changer entre les images, et le pivot ne doit pas divaguer. Une feuille rend ces contraintes immédiatement visibles. Vous voyez la marche à côté du repos, vous comparez l'image 3 à l'image 1, et vous repérez la dérive avant qu'elle n'atteigne le moteur.
Travailler à partir d'une seule description rend aussi le personnage reproductible. Modifiez le prompt — remplacez la cape par une armure de plaques, décalez la palette de deux crans vers le froid — et vous régénérez toute la feuille avec la modification appliquée partout. Vous ne modifiez pas quarante images à la main pour correspondre à une nouvelle décision de couleur.
01
Écrivez la description du personnage : type de corps, taille en unités de grille, carrure, vêtements et objets tenus, palette, direction artistique.
02
Définissez la grille d'images : cellules carrées, compatibles avec les puissances de deux, ordre des lignes d'animation dans la doc.
03
Générez la feuille et comparez la première image de chaque animation à la dernière — elles doivent être adjacentes, pas identiques.
04
Inspectez la silhouette à l'échelle d'affichage finale, pas zoomée.
05
Exportez des images PNG transparentes avec la grille documentée et l'origine aux pieds.
Repos, marche, course, attaque, incantation
Cinq animations couvrent la plupart des personnages 2D : repos, marche, course, attaque, incantation. Le repos est la boucle de respiration dans laquelle le personnage passe la majeure partie de sa vie. La marche est la boucle de déplacement, généralement celle qui comporte le plus de contacts de pied visibles. La course est le même mouvement en plus rapide et avec davantage d'inclinaison du torse. L'attaque est une animation ponctuelle avec une préparation, une image de contact et une récupération. L'incantation est une animation ponctuelle avec un maintien — une pose dans laquelle le personnage reste pendant qu'un projectile ou une AOE se résout.
Le nombre d'images compte plus qu'on ne l'attend. À l'échelle du jeu — un personnage d'environ 32 à 64 pixels de haut sur une vue 320×180 ou 640×360 — quatre images de marche se lisent comme une marche ; six se lisent comme une marche plus fluide ; huit commence à coûter plus qu'il ne rapporte. Les cycles de course fonctionnent souvent à quatre. Le repos est de deux à quatre ; deux correspond à la respiration classique, quatre vous donne une action secondaire comme un balancement ou un flottement d'arme. L'attaque compte généralement de trois à cinq images : préparation, contact, accompagnement, récupération. L'incantation en compte quatre à six avec une image maintenue.
Le mode d'échec ici est le timing, pas le nombre d'images. Une marche de quatre images exportée sans délai entre les images se joue à la fréquence d'images du moteur et ressemble à un tremblement, pas à un pas. La feuille est livrée avec un fps suggéré par animation afin que l'importateur du moteur dispose d'une valeur par défaut raisonnable à remplacer.
| Animation | Images | Boucle | Notes |
|---|---|---|---|
| Repos | 2–4 | oui | respiration ou balancement ; première et dernière image adjacentes |
| Marche | 4–8 | oui | les contacts de pied sur les images paires se lisent le plus proprement |
| Course | 4 | oui | plus d'inclinaison, foulée plus longue que la marche |
| Attaque | 3–5 | non | préparation, contact, accompagnement |
| Incantation | 4–6 | non | comprend une image maintenue pour la résolution |
Une bande, une description
Huit directions signifie que la feuille couvre N, NE, E, SE, S, SO, O, NO — le cercle complet par pas de 45 degrés. Les jeux en vue de dessus et isométriques en ont besoin parce que le joueur voit le personnage depuis une caméra fixe et peut se déplacer dans n'importe quelle direction. Quatre directions (N, E, S, O) laissent les diagonales comme une incohérence visuelle : le sprite regarde à l'est tandis que le personnage marche vers le nord-est. Huit directions font correspondre l'orientation au vecteur de déplacement.
La feuille est disposée comme une matrice : une ligne par direction, une colonne par image dans l'animation, ou un bloc par direction contenant toutes les animations dans le même ordre. Les deux fonctionnent tant que l'ordre est documenté. L'éditeur de sprites d'Unity découpe par grille ; l'AnimatedSprite2D de Godot attend des rectangles de région individuels ou une texture découpée ; l'éditeur de sprites de GameMaker prend une grille plus une origine par image. L'ordre dans lequel vous indexez dans le moteur doit correspondre à l'ordre dans lequel la feuille a été rendue, sinon vous obtenez un personnage qui fait du moonwalk.
La partie subtile, ce sont les images de transition. Si vous ne rendez que les huit orientations canoniques, le sprite saute entre elles lorsque le vecteur de déplacement franchit une limite de 22.5 degrés. Deux atténuations : rendez les huit orientations et laissez une courte animation de rotation couvrir la limite, ou acceptez le saut et gardez la rotation du personnage alignée sur la plus proche des huit. Les deux sont légitimes ; la feuille prend en charge l'une ou l'autre, car rien en elle ne suppose qu'une image de rotation existe.
Des personnages cohérents dans tout un ensemble
Le vrai échec dans le travail de sprites, c'est la dérive. Le personnage un est généré avec un certain ratio tête-corps, une certaine palette, une certaine épaisseur de trait. Le personnage deux est généré plus tard, à partir d'un prompt formulé différemment, et revient une demi-tête plus grand avec des teintes de peau plus froides et un contour plus épais. Côte à côte dans un écran d'équipe, ils ne semblent pas appartenir au même jeu.
La dérive vient de prompts sous-spécifiés. Si le premier prompt disait « petit et trapu, palette terreuse atténuée, cellules de 32 pixels, contour d'un pixel » et que le second disait « un chevalier en armure », vous n'avez pas décrit un ensemble — vous avez décrit deux choses sans rapport. Gardez la clause de style identique pour tous les personnages et ne faites varier que la clause d'identité : espèce, carrure, équipement, couleur dans la palette indiquée.
Agent Sprite Forge est conçu pour maintenir cette clause de style stable. Vous générez l'ensemble des personnages à partir d'une spécification de style partagée, de sorte que le ratio de tête, l'épaisseur du contour et la plage de palette restent constants tandis que les personnages individuels diffèrent. Le test est simple : alignez les images de repos de tous les personnages à la taille d'affichage finale. Si l'un se lit comme appartenant à un autre jeu, la spécification de style a dérivé.
Garder un style unique pour tout un ensemble de personnages
Figez les dimensions de style avant d'écrire le moindre prompt d'identité : taille des cellules, ratio tête-corps, épaisseur du contour en pixels, plage de palette et direction d'ombrage, et direction artistique. Traitez-les comme des constantes. Chaque prompt de personnage en hérite et n'ajoute que l'identité. Quand un personnage revient hors style, la correction se trouve presque toujours dans la clause de style, pas dans la clause d'identité.
Export prêt pour le moteur
Chaque image est exportée en PNG transparent. La feuille est livrée avec une grille documentée — largeur et hauteur des cellules, lignes par direction, colonnes par image, ordre des animations — afin que l'importateur sache où se trouve chaque cellule. L'origine se situe aux pieds, centrée horizontalement sur le centre de masse du personnage, de sorte que placer le sprite à une position au sol met les pieds sur le sol plutôt que le centre de l'image.
Ce choix d'origine compte dans chaque moteur. L'éditeur de sprites d'Unity permet de définir un pivot personnalisé ; réglez-le sur bas-centre pour correspondre à l'origine documentée. L'AnimatedSprite2D de Godot utilise des rectangles de région par image à partir de la texture découpée ; gardez les découpes alignées sur la grille documentée, sinon vos boucles seront décalées d'une image. Les propriétés de sprite de GameMaker prennent une grille plus un point d'origine par sprite ; la même valeur bas-centre s'applique.
Les préréglages d'export peuvent être remplacés. Si votre jeu utilise une taille de cellule différente, la feuille s'échelle proprement à des multiples entiers ; c'est l'échelle non entière qui introduit du flou. Filtrage au point pour le pixel art, bilinéaire pour le peint. L'alpha transparent est préservé, donc aucun nettoyage de matte n'est nécessaire avant l'import.
| Moteur | Chemin d'import | À régler |
|---|---|---|
| Unity | Éditeur de sprites | pivot personnalisé en bas-centre ; découpe par grille |
| Godot | AnimatedSprite2D + SpriteFrames | découper la texture selon la grille documentée ; rectangles de région par image |
| GameMaker | propriétés du sprite | taille de grille selon la doc ; origine en bas-centre |
La vie suivante du personnage : un monde 3D
Une feuille de sprites, c'est un personnage. Un monde, c'est là où il vit. La même description qui a produit la feuille alimente le créateur de jeu 3D, qui la transforme en un monde Three.js parcourable : sol, collision, caméra et un endroit où le personnage peut se tenir. Vous ne transférez pas de fichiers entre outils — la description est l'asset.
Vous pouvez parcourir ce monde dans le navigateur. Déposez le personnage, contrôlez la caméra et vérifiez si le sprite reste lisible à l'échelle que le monde présente réellement. Un personnage qui semblait correct dans une visionneuse de sprites à plat peut sembler incorrect sur un sol 3D éclairé dès que la perspective et les ombres entrent en jeu. Voir les deux en même temps permet de repérer le décalage tôt.
C'est le même chemin que suit The Cyclops' Island — une description, un monde jouable — et Mini World en est la version à petite échelle. Le créateur de sprites est l'extrémité 2D de ce même pipeline : décrivez une chose, obtenez un asset utilisable, puis placez-le quelque part où vous pouvez vous déplacer.
- Agent Sprite ForgeGénère des feuilles de sprites complètes — repos, marche, course, attaque, incantation sur huit directions — à partir d'une description de personnage, avec des images PNG transparentes et une grille documentée.
- The Cyclops' IslandUn monde 3D généré que vous pouvez parcourir, construit à partir d'une description plutôt que placé à la main, utilisé comme cible pour les personnages créés dans le créateur de sprites.
- Mini WorldLe préréglage de monde 3D à petite échelle pour vérifier rapidement un personnage dans un espace parcourable sans créer une scène complète.
- Créateur de jeu 3DLe créateur basé navigateur qui transforme une description écrite en un monde Three.js réel et jouable, avec le personnage déposé comme acteur contrôlable.
Entrez dans le monde auquel il appartient
Un sprite est un personnage qui n'a nulle part où se tenir. La dernière étape est celle que personne d'autre ne propose : prenez la feuille que vous venez de créer et placez-la dans un monde où quelqu'un peut se promener — une petite île, une planète, un coin de rue sous la pluie. Chaque monde sur ce site a été créé à partir d'une description écrite et publié comme une page jouable.
FAQ
Qu'est-ce qu'un créateur de sprites de personnages ? +
Un créateur de sprites de personnages transforme une description écrite en une feuille de sprites complète — repos, marche, course, attaque, incantation, sur huit directions — sur des images transparentes avec une grille documentée et une origine aux pieds. Il remplace le dessin à la main de chaque pose par une étape de génération à partir d'une description.
De combien d'images ai-je besoin pour un cycle de marche ? +
De quatre à huit. À l'échelle du jeu — environ 32 à 64 pixels de haut — quatre images se lisent comme une marche et huit comme une marche plus fluide. Au-delà de huit, les images supplémentaires coûtent plus en taille de feuille et en temps d'import qu'elles n'apportent en lisibilité.
Pourquoi huit directions au lieu de quatre ? +
Les jeux en vue de dessus et isométriques utilisent une caméra fixe et autorisent le déplacement dans n'importe quelle direction, donc quatre orientations laissent les diagonales comme une incohérence visuelle. Huit directions par pas de 45 degrés font correspondre l'orientation du sprite au vecteur de déplacement.
Dans quel format les sprites sont-ils exportés ? +
Des images PNG transparentes, disposées sur une grille documentée avec l'origine aux pieds, centrée horizontalement sur le personnage. La même feuille s'importe dans Unity, Godot et GameMaker après avoir réglé le pivot ou l'origine sur bas-centre.
Comment éviter que les personnages d'un ensemble semblent incohérents ? +
Figez les dimensions de style — taille des cellules, ratio tête-corps, épaisseur du contour, plage de palette, direction d'ombrage — et ne faites varier que l'identité de chaque personnage. La dérive vient presque toujours d'une clause de style sous-spécifiée, pas de la description d'identité.
Puis-je utiliser le même personnage dans un monde 3D ? +
Oui. La même description qui a généré la feuille de sprites alimente le créateur de jeu 3D, qui la transforme en un monde Three.js parcourable. Vous pouvez vous y déplacer dans le navigateur et vérifier comment le personnage se lit à l'échelle que le monde présente.
Retour au créateur de jeu 3D
Les 31 mondes, jeux et scènes 3D terminés sont réunis sur une seule page — tous jouables.
Voir de vraies feuilles de sprites de personnages
Chaque asset de cette bibliothèque est un PNG transparent, prêt pour le jeu, avec un prompt enregistré — Feuilles de sprites de personnages et bibliothèque de ressources de sprites, étiquetées par action, style et sujet. Gratuit à parcourir et à télécharger.