Créateur de sprites

Dessinez du pixel art, créez une animation image par image et prévisualisez le mouvement pendant que vous travaillez. Ce créateur de sprites gratuit comprend un crayon, une gomme, un outil de remplissage et un sélecteur de couleurs, ainsi qu'une peau d'oignon pour comparer votre dessin avec le cadre précédent. Créez des aperçus animés de perles ou des sprites de jeu, puis téléchargez un GIF en boucle, une feuille de sprite PNG horizontale ou un fichier de projet modifiable. Tout fonctionne dans votre navigateur. Les perles physiques ne s’animent pas : chaque image est une conception distincte.

Enregistré automatiquement dans ce navigateur. Téléchargez JSON pour une sauvegarde portable.

Comment animer un sprite

  1. Commencez avec une grille 16 × 16 et dessinez une silhouette claire.
  2. Dupliquez le cadre et déplacez quelques pixels pour créer la pose suivante.
  3. Utilisez une pelure d'oignon pour comparer avec le cadre précédent. Il n'apparaît jamais dans les exportations.
  4. Appuyez sur Play et réglez la vitesse. Réorganisez les images pour lisser la boucle.
  5. Téléchargez le GIF pour le partage ou la feuille de sprite pour un moteur de jeu.

Limites d'exportation et de projet

Utilisez jusqu'à 32 images sur des grilles de 8 × 8 à 64 × 64. PNG et JSON conservent vos couleurs d'origine. GIF utilise une palette d'environ 256 couleurs avec transparence et boucles en continu. La feuille de sprite place les images sur une seule ligne à leur résolution d'origine, sans remplissage.

Conserver votre animation

Cet éditeur utilise sa propre sauvegarde de navigateur, distincte du concepteur de modèles. L'importation d'un projet peut être annulée. Enregistrez toutes les images d'animation sur votre compte ou publiez un GIF en boucle dans la galerie. Exportez le JSON avant d’effacer les données du navigateur ou de changer d’appareil.

Conseils d'animation

Commencez avec deux ou quatre images et une vitesse de lecture faible. Gardez la forme principale cohérente, modifiez un petit détail entre les images et vérifiez la transition du dernier au premier. Évitez les clignotements rapides ou les changements importants à contraste élevé.