Éditeur de pivot de sprite sheet
Importez une sprite sheet ou choisissez un de vos sprites générés. Placez ensuite son pivot.
Éditeur de pivot de sprite sheet pour vos animations
Comment ça marche
- Importez une sprite sheet, ou choisissez un de vos sprites générés dans la galerie
- Regardez-la jouer sur une ligne de sol et un repère central
- Cliquez sur le sprite, ou glissez les curseurs, pour poser le pivot sur les pieds
- Réglez la cadence et si l'animation boucle
- Ajoutez d'autres animations pour former un sprite de projet, puis téléchargez l'archive ZIP pour votre moteur de jeu
Pourquoi c'est utile
- Le pivot garde chaque animation posée sur la même ligne, donc le personnage ne flotte pas et ne saute pas quand l'animation change
- La boîte englobante de chaque frame se superpose au sprite, vous voyez exactement où le dessin se place dans la frame
- Un pivot par animation, donc un élan ou une chute joue encore et seule la ligne de base est normalisée
- Tout se passe dans votre navigateur, rien ne quitte votre ordinateur
- Le manifeste exporté se charge tel quel dans un moteur de jeu 2D
Autres outils pixel art gratuits
OutilÉditeur de pixel art
Créez et modifiez vos sprites pixel art dans le navigateur. Canevas sur mesure, outils de dessin, export PNG ou SVG.
OutilGénérateur de bruit
Générez des motifs et textures de bruit pixel. Perlin, damier, briques, aléatoire.
OutilGénérateur de police pixel
Écrivez du texte en police pixel. Plusieurs styles, tailles, couleurs et échelles.
FAQ
C'est le pixel de référence qui positionne un sprite, en général les pieds ou la base d'un personnage. Positionnez un sprite par son pivot et toutes ses animations s'alignent sur le même sol, au lieu d'être calées sur le coin supérieur gauche de la frame.
Chaque sprite sheet d'animation place souvent le personnage à une hauteur un peu différente dans sa frame. Dessinées à la même position, elles finissent sur des lignes de base différentes. Un pivot par animation corrige ça, sans réexporter le dessin.
Même idée, noms différents. Unity et Aseprite disent pivot. D'autres moteurs disent ancre ou origine. Cet outil parle de pivot, et le manifeste exporté l'écrit anchorX et anchorY.
Une archive ZIP. Dedans, un manifeste JSON avec le nom, le nombre de frames, la cadence, le drapeau de boucle et le pivot de chaque animation, plus une sprite sheet PNG par animation. Décompressez-la dans le dossier public/animation/ de votre jeu et le manifeste se charge tel quel.