Développement XNA pour la XBox et le PC
108
Créer des animations avec les sprites sheets
Avez-vous déjà entendu parler de sprite sheet (feuille de sprites) ? Peut-être pas, mais
vous en avez sûrement déjà vu en fonctionnement. Il s’agit en fait d’une seule image sur
laquelle figure toute une déclinaison d’un ou plusieurs sprites à différents instants t.
L’ensemble des images d’un même sprite peut donc composer une animation.
Il est alors facile d’imaginer l’utilité des rectangles source dans ce cas de figure : déplacer
le rectangle d’un sprite à l’autre dès qu’un intervalle de temps est révolu.
Commencez par récupérer une planche de sprites ou bien, si vous avez des talents de
graphiste, faites-en une vous-même. Dans cette partie du chapitre, nous utiliserons à
nouveau une création de George Clingerman (http://www.xnadevelopment.com).
Notre planche de sprite fait 600 par 100 pixels et comporte six états d’un sprite. Nos
rectangles source devront donc être des carrés de 100 pixels de côté.
1. Dans la classe Sprite, créez deux champs : l’un nommé index de type float et l’autre
nommé maxIndex de type int. Par défaut, ces deux variables doivent être initialisées à 0.
float index = 0;
int maxIndex = 0;
Figure 6-11
Le début d’un clone de Super Mario
Figure 6-12
Une planche de sprite
=Labat FM.book Page 108 Vendredi, 19. juin 2009 4:01 16
108
Créer des animations avec les sprites sheets
Avez-vous déjà entendu parler de sprite sheet (feuille de sprites) ? Peut-être pas, mais
vous en avez sûrement déjà vu en fonctionnement. Il s’agit en fait d’une seule image sur
laquelle figure toute une déclinaison d’un ou plusieurs sprites à différents instants t.
L’ensemble des images d’un même sprite peut donc composer une animation.
Il est alors facile d’imaginer l’utilité des rectangles source dans ce cas de figure : déplacer
le rectangle d’un sprite à l’autre dès qu’un intervalle de temps est révolu.
Commencez par récupérer une planche de sprites ou bien, si vous avez des talents de
graphiste, faites-en une vous-même. Dans cette partie du chapitre, nous utiliserons à
nouveau une création de George Clingerman (http://www.xnadevelopment.com).
Notre planche de sprite fait 600 par 100 pixels et comporte six états d’un sprite. Nos
rectangles source devront donc être des carrés de 100 pixels de côté.
1. Dans la classe Sprite, créez deux champs : l’un nommé index de type float et l’autre
nommé maxIndex de type int. Par défaut, ces deux variables doivent être initialisées à 0.
float index = 0;
int maxIndex = 0;
Figure 6-11
Le début d’un clone de Super Mario
Figure 6-12
Une planche de sprite
=Labat FM.book Page 108 Vendredi, 19. juin 2009 4:01 16