Points clés à retenir (TL;DR) : Grâce au fond transparent natif et au conditionnement par référence visuelle de GPT Image 2.5, les créateurs de jeux indépendants peuvent générer des planches de sprites 2D de 16 images prêtes pour le prototypage en quelques minutes. Ce guide complet détaille la création d'un personnage original (« coursier mécanique steampunk »), la génération d'une grille 4×4 avec 63,9 % de vraie transparence alpha RGBA vérifiée, le découpage mathématique des cellules, l'alignement des points de pivot au sol et l'assemblage de 4 GIF animés — pour un coût total de seulement 14.73 crédits (0,073 USD).
👉 Créer des planches de sprites transparentes sur PoYo.
Présentation du résultat final
La planche générée regroupe 4 séquences d'action distinctes sur un canevas de 1024 × 1024 px, découpé en seize cellules transparentes régulières de 256 × 256 px :
| Piste d'animation | Décomposition de la séquence | Objectif en jeu |
|---|---|---|
| Ligne 1 : Cycle de marche | 4 étapes de foulée cadencée | Déplacement horizontal continu |
| Ligne 2 : Cycle de course | 4 étapes avec inclinaison marquée vers l'avant | Accélération vive ou dash rapide |
| Ligne 3 : Saut complet | Flexion préparatoire, impulsion, suspension en l'air, réception | Physique verticale de saut |
| Ligne 4 : Interaction d'objet | Main dans la sacoche, extraction d'une lettre, présentation, repos | Dialogue PNJ ou déclenchement de quête |
- 📥 Télécharger la planche originale en PNG transparent 1024 × 1024
- 📦 Télécharger le kit complet de sprites (16 PNGs individuels, 4 GIFs, atlas JSON)
Étape 1 : Concevoir un design de personnage franc et contrasté
Avant de générer les poses de mouvement, créez un visuel de référence de personnage net et sans équivoque.
Bonnes pratiques graphiques pour sprites 2D :
- Zones de couleurs bien délimitées (Color Blocking) : Casquette bleu marine, manteau bleu canard, écharpe orange rouille, besace beige et bottes marron. Les transitions franches aident l'IA à préserver les accessoires dans les petites poses.
- Éviter les micro-détails superflus : Proscrivez les petites chaînettes ou dentelles fines qui risquent de scintiller en basse résolution en jeu.
- Profil en pied bien calé : Assurez-vous que les deux pieds reposent solidement au sol pour définir une ligne de base claire.
Étape 2 : Demander une grille fixe avec transparence native
Dans votre prompt, cadrez strictement le nombre de cases, l'orientation et les éléments parasites interdits.
Gabarit de prompt recommandé :
Create a 4 by 4 sprite sheet with exactly sixteen evenly sized cells.
Use the attached character as the identity and costume reference.
Consistent right-facing side view, same character scale and ground
baseline, full body and generous transparent margins in every cell.
Row 1: four phases of a walking cycle.
Row 2: four phases of a running cycle.
Row 3: crouch, takeoff, airborne jump, landing.
Row 4: reach into satchel, hold a letter, extend letter, return to neutral.
No grid lines, floor, drop shadows, frame numbers, or labels.
1024x1024 canvas, 256x256 cells.
Corps de la requête API PoYo :
{
"model": "gpt-image-2.5-sunburst",
"input": {
"prompt": "Your complete character and sprite-sheet instructions",
"image_urls": ["https://storage.poyo.ai/blog/gpt-image-25-p0-20260910/courier-reference-b8f920940d88.webp"],
"size": "1:1",
"resolution": "1K",
"quality": "high",
"background": "transparent",
"output_format": "png"
}
}
Fonctionnalité majeure : Avec "background": "transparent", GPT Image 2.5 produit directement une vraie couche alpha RGBA sans passer par un outil tiers de détourage.
Étape 3 : Contrôler la réelle transparence du canal alpha
Certains outils d'IA renvoient de faux damiers gris ou des fonds blancs opaques. Nous avons analysé au pixel près le PNG retourné :
- Mesure du canal alpha : Exactement 63,9 % de l'ensemble des pixels sont totalement transparents (Alpha = 0) ;
- Anti-aliasing progressif : Les contours du personnage bénéficient d'un lissage sub-pixel propre, évitant les liserés blancs disgracieux sur fond clair ou sombre ;
- Règle de format de fichier : Seuls PNG et WebP conservent la transparence alpha. Tout enregistrement en JPEG supprime irrémédiablement le canal alpha.
Étape 4 : Découpage mathématique et alignement des pivots
1. Formule de découpe de la grille
Pour une planche 4×4 en 1024 × 1024 px :
$$\text{Taille de cellule} = 256 \times 256\text{ px}$$
$$\text{X} = \text{Index de colonne (0 à 3)} \times 256, \quad \text{Y} = \text{Index de ligne (0 à 3)} \times 256$$
2. ⚠️ Règle d'or : Ne jamais centrer automatiquement les silhouettes !
Une erreur fréquente dans les scripts de découpage consiste à centrer automatiquement la boîte englobante de chaque image :
- Si les images de saut sont centrées, la dynamique d'élévation disparaît et le personnage saute sur place ;
- Si les foulées de course sont centrées, l'inertie vers l'avant donne un tremblement anarchique.
La bonne méthode :
Gardez le repère absolu de la cellule et fixez le point de pivot en bas au centre sur la ligne de sol (par exemple X: 128, Y: 250 pour une cellule de 256×256). L'altitude du saut s'exprime alors naturellement par le décalage vertical du personnage au sein de la cellule.
Étape 5 : Prévisualisation des animations et test moteur
En assemblant les images découpées à 8 images par seconde (125 ms par frame), on obtient quatre boucles d'animation parfaitement fluides :
1. Cycle de marche
Démarche en quatre temps avec pose de pied bien ancrée :
2. Cycle de course
Impulsion dynamique vers l'avant avec foulées amples :
3. Séquence de saut
Préparation, trajectoire aérienne ascendante et amorti à la retombée :
4. Animation de remise de courrier
Prise dans la sacoche, présentation de la lettre et retour au repos :
6. Coûts de production réels
| Phase du pipeline | Modèle et paramètres | Crédits facturés | Coût en USD (0,005 $/crédit) |
|---|---|---|---|
| 1. Visuel conceptuel de référence | Sunburst, 1K medium | 2.95 crédits | 0,01475 $ |
| 2. Planche transparente 16 images | Sunburst, 1K high, transparent | 11.78 crédits | 0,05890 $ |
| 3. Découpage et assemblage GIF | Script Node en local | 0 crédit | 0,00000 $ |
| Coût total de production | Kit complet de 16 sprites | 14.73 crédits | 0,07365 $ (~7 centimes) |
Foire aux questions (FAQ)
GPT Image 2.5 exporte-t-il directement des fichiers GIF animés ?
Non. Le modèle produit des fichiers PNG RGBA transparents et statiques. Le découpage des frames et l'encodage en GIF ou en clips d'animation Unity s'effectuent localement via un script ou directement dans votre moteur de jeu.
Pourquoi générer 16 poses sur une seule grille plutôt que 16 requêtes séparées ?
Générer l'ensemble sur une planche unique exploite le mécanisme d'attention globale du modèle pour garantir une cohérence stricte de proportion, de style et de costume à travers toutes les poses, tout en divisant les coûts d'API.
Cette planche peut-elle être importée directement dans Unity ou Godot ?
Absolument. Dans Unity, passez le Sprite Mode sur Multiple, lancez le Sprite Editor, choisissez Grid by Cell Size (256×256), placez le Pivot sur Bottom et découpez instantanément l'ensemble de votre séquence.