Qu'est-ce qu'une feuille de sprites ? Une explication claire du mouvement des personnages de jeu
Quand on dessine des personnages en pixel art, on finit tôt ou tard par tomber sur le terme « feuille de sprites » (sprite sheet). Je partage une explication destinée aux débutants que Keitaro a écrite sur note : elle décrit le fonctionnement étape par étape, et je l'ai trouvée utile.
Un sprite est une image 2D affichée à l'écran du jeu. Les personnages, les ennemis, les objets, les balles et les effets en font partie, et une feuille de sprites est le regroupement de tout cela dans une seule grande image. Pour un cycle de marche, on affiche une image avec le pied droit en avant, puis une image avec les deux pieds joints, puis une image avec le pied gauche en avant, en alternant rapidement pour donner l'impression de marcher. Autrement dit, le mouvement vient de l'enchaînement d'images fixes, pas d'une vidéo.
Le jeu n'affiche pas l'image entière. Il découpe les coordonnées pour n'extraire que la case nécessaire. Par exemple, si chaque case fait 128×128 px et que huit sont alignées, la zone d'affichage passe de 0 à 127 px, puis de 128 à 255 px, etc. L'article donne aussi un exemple où l'axe horizontal représente 8 directions et l'axe vertical les actions (marche, attaque, coup reçu, défense), soit 8 directions × 7 états, c'est-à-dire 56 images.
L'article insiste sur le point le plus important à l'usage : aligner la position de référence de chaque image. Si les pieds se décalent de quelques pixels d'une image à l'autre, le personnage semble trembler de haut en bas pendant l'animation. Garder le fond transparent est également indispensable.
Enfin, il distingue la feuille de sprites, simple regroupement d'images liées, de l'atlas de sprites, qui range plusieurs images dans une seule texture pour gagner en efficacité de rendu. Ce qui m'a le plus marqué est sa conclusion : fabriquer les images est moins difficile que de les mettre sous une forme que le jeu peut utiliser correctement. Je pense que cela servira aussi aux pixel artistes, surtout à l'étape de l'export.
Source : note (Keitaro)
Un sprite est une image 2D affichée à l'écran du jeu. Les personnages, les ennemis, les objets, les balles et les effets en font partie, et une feuille de sprites est le regroupement de tout cela dans une seule grande image. Pour un cycle de marche, on affiche une image avec le pied droit en avant, puis une image avec les deux pieds joints, puis une image avec le pied gauche en avant, en alternant rapidement pour donner l'impression de marcher. Autrement dit, le mouvement vient de l'enchaînement d'images fixes, pas d'une vidéo.
Le jeu n'affiche pas l'image entière. Il découpe les coordonnées pour n'extraire que la case nécessaire. Par exemple, si chaque case fait 128×128 px et que huit sont alignées, la zone d'affichage passe de 0 à 127 px, puis de 128 à 255 px, etc. L'article donne aussi un exemple où l'axe horizontal représente 8 directions et l'axe vertical les actions (marche, attaque, coup reçu, défense), soit 8 directions × 7 états, c'est-à-dire 56 images.
L'article insiste sur le point le plus important à l'usage : aligner la position de référence de chaque image. Si les pieds se décalent de quelques pixels d'une image à l'autre, le personnage semble trembler de haut en bas pendant l'animation. Garder le fond transparent est également indispensable.
Enfin, il distingue la feuille de sprites, simple regroupement d'images liées, de l'atlas de sprites, qui range plusieurs images dans une seule texture pour gagner en efficacité de rendu. Ce qui m'a le plus marqué est sa conclusion : fabriquer les images est moins difficile que de les mettre sous une forme que le jeu peut utiliser correctement. Je pense que cela servira aussi aux pixel artistes, surtout à l'étape de l'export.
Source : note (Keitaro)
Commentaires 0
Laissez le premier commentaire, dans la langue de votre choix.
Connectez-vous pour commenter