Créateur de sprites de personnage · un prompt, une feuille complète

Créateur de sprites de personnage : des feuilles de sprites complètes à partir d'un prompt

Créez votre propre créateur de sprites de personnage

Créez des sprites de personnage — repos, marche, attaque, huit directions — à partir d'une description. Images transparentes, grille propre, prêtes pour le moteur. Puis déposez le personnage dans un monde 3D que vous pouvez parcourir à pied.

✦Sprite
Créez un sprite de personnage de une fille chevalier avec une lance

Un créateur de sprites de personnage prend une description écrite et renvoie une feuille de sprites complète : repos, marche, course, attaque, sort, 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 reste une illustration. 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 sur chaque cellule pour que le cycle de marche ne change pas de forme à mi-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 à pied.

D'un prompt à une feuille de personnage complète

Vous décrivez le personnage en langage naturel : 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 la matrice complète — chaque animation, chaque direction — à partir de la même spécification. La sortie est une feuille, pas un sélecteur de pose.

Une image isolée ne vous dit presque rien sur la capacité d'un personnage à fonctionner 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 dériver. Une feuille rend ces contraintes immédiatement visibles. Vous voyez la marche à côté du repos, vous voyez l'image 3 face à l'image 1, et vous repérez la dérive avant qu'elle n'atteigne le moteur.

Travailler à partir d'une seule description garde 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 retouchez pas quarante images à la main pour correspondre à une nouvelle décision de couleur.

1

01

Écrivez la description du personnage : type de corps, taille en unités de grille, carrure, vêtements et objets tenus, palette, direction artistique.

2

02

Définissez la grille d'images : cellules carrées, compatibles avec les puissances de deux, ordre des lignes d'animation dans la doc.

3

03

Générez la feuille et vérifiez la première image de chaque animation par rapport à la dernière — elles doivent être adjacentes, pas identiques.

4

04

Inspectez la silhouette à l'échelle d'affichage finale, pas en zoom.

5

05

Exportez des images PNG transparentes avec la grille documentée et l'origine aux pieds.

Repos, marche, course, attaque, sort

Cinq animations couvrent la plupart des personnages 2D : repos, marche, course, attaque, sort. 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 présente le plus de contacts de pied visibles. La course est le même mouvement plus rapide et avec davantage d'inclinaison du torse. L'attaque est un one-shot avec une préparation, une image de contact et une récupération. Le sort est un one-shot avec une tenue — une pose dans laquelle le personnage reste pendant qu'un projectile ou une AOE se résout.

Les nombres d'images comptent plus qu'on ne le pense. À l'échelle de 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 commencent à coûter plus qu'elles ne rapportent. Les cycles de course fonctionnent souvent à quatre. Le repos est de deux à quatre images ; deux, c'est la respiration classique, quatre vous donnent une action secondaire comme un balancement ou un mouvement d'arme. L'attaque compte généralement de trois à cinq images : préparation, contact, accompagnement, récupération. Le sort en compte de quatre à six avec une image tenue.

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 à une saccade, pas à un pas. La feuille est livrée avec un fps suggéré par animation pour que l'importateur du moteur ait une valeur par défaut raisonnable à remplacer.

AnimationImagesBoucleNotes
Repos2–4ouirespiration ou balancement ; première et dernière image adjacentes
Marche4–8ouiles contacts de pied sur les images paires se lisent plus proprement
Course4ouiplus d'inclinaison, foulée plus longue que la marche
Attaque3–5nonpréparation, contact, accompagnement
Sort4–6noninclut une image tenue pour la résolution

Huit directions à partir d'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 un mensonge visuel : le sprite regarde à l'est pendant 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 passe brusquement de l'une à l'autre lorsque le vecteur de déplacement franchit une limite de 22,5 degrés. Deux atténuations : rendre les huit orientations et laisser une courte animation de virage couvrir la limite, ou accepter le saut et garder 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 parce que rien en elle ne suppose qu'une image de virage existe.

Des personnages cohérents sur tout un ensemble

Le vrai échec dans le travail de sprites, c'est la dérive. Le premier personnage est généré avec un certain rapport tête-corps, une certaine palette, un certain poids de trait. Le deuxième personnage est généré plus tard, à partir d'un prompt formulé différemment, et revient avec une demi-tête de plus, des tons de peau plus froids et un contour plus épais. Côte à côte dans un écran d'équipe, ils ne donnent pas l'impression d'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 deuxième 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 toute la distribution 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 la distribution à partir d'une spécification de style partagée, afin que le rapport de tête, le poids 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 toute la distribution à la taille d'affichage finale. Si l'un se lit comme un autre jeu, la spécification de style a dérivé.

Conserver un seul style sur toute une distribution

Figez les dimensions de style avant d'écrire le moindre prompt d'identité : taille de cellule, rapport tête-corps, poids du contour en pixels, plage de palette et direction de l'ombrage, et direction artistique. Traitez-les comme des constantes. Chaque prompt de personnage les hérite et n'ajoute que l'identité. Quand un personnage revient hors style, le correctif 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 de cellule, lignes par direction, colonnes par image, ordre des animations — pour 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 mette 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'adapte proprement à des multiples entiers ; c'est l'échelle non entière qui introduit du flou. Filtrage ponctuel 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.

MoteurChemin d'importÀ définir
UnityÉditeur de spritespivot personnalisé en bas-centre ; découper par grille
GodotAnimatedSprite2D + SpriteFramesdécouper la texture selon la grille documentée ; rectangles de région par image
GameMakerpropriétés de spritetaille de grille issue de 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'endroit où il vit. La même description qui a produit la feuille alimente le constructeur 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-y le personnage, contrôlez la caméra et vérifiez si le sprite se lit à l'échelle que le monde présente réellement. Un personnage qui semblait correct dans une visionneuse de sprites à plat peut sembler faux sur un sol 3D éclairé une fois 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 du 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, sort 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 toute une scène.
  • constructeur de jeu 3DLe constructeur dans le navigateur qui transforme une description écrite en un véritable monde Three.js jouable, avec le personnage déposé comme acteur contrôlable.
Chevalier — 48 images, huit directions, à partir d'une description.
The Cyclops' Island — le même pipeline de personnage, un cran plus loin dans la 3D.

Entrez dans le monde auquel il appartient

Un sprite est un personnage sans endroit 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 pluvieux. Chaque monde sur ce site a été créé à partir d'une seule description écrite et publié sous forme de page jouable.

FAQ

Qu'est-ce qu'un créateur de sprites de personnage ? +

Un créateur de sprites de personnage transforme une description écrite en une feuille de sprites complète — repos, marche, course, attaque, sort, 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.

Combien d'images faut-il pour un cycle de marche ? +

De quatre à huit. À l'échelle de 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 ne rapportent 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 un mensonge visuel. 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 ? +

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 de cellule, rapport tête-corps, poids du contour, plage de palette, direction de l'ombrage — et ne faites varier que l'identité par 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 constructeur 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 constructeur de jeu 3D

Les 31 mondes 3D, jeux et scènes terminés sont réunis sur une seule page — tous jouables.

Plateforme : Neta StudioPage : Créateur de sprites de personnage : des feuilles de sprites complètes à partir d'un promptÀ lire ensuite : /explore/tool/sprite-sheet-maker · /explore/tool/sprite-animator · /explore/guide/sprite-resource-library
×