Bonjour tout le monde, j'essaye de faire des petits jeux en javascript et je me demande comment on utilise certaines spritesheet.
J'ai bien compris le principe des spritesheet , on délimite une zone d'affichage sur une image ou y'a toutes les phases de l'animation, et on fait défiler les images pour afficher une animation, comme faire défiler des dessins pour faire un dessin animé.

Problème : certaines spritesheet sont dites "optimisées" c'est à dire que toutes les images sont collées même si elles n'ont pas la même taille.
par exemple

au début de la feuille, on voit que le personnage fait environ 30x80, mais quand il a la cape déployée, l'image passe à 50x80.

d'où ma question Comment faire pour utiliser ces spritesheet de façon efficace ??
il faut faire un "plan" de la spritesheet et déterminer à quelle place le navigateur doit prendre quelle image ? comment savoir quelles positions utiliser pour que le perso soit bien positionné par rapport aux autres images plus petites/ grandes ?