[Tutoriel AndEngine] Partie 4 – Les sprites animés

Comme nous l’avions vu dans la partie 2 de la suite des tutoriaux sur AndEngine Partie 2, un sprite permet d’afficher une image dans notre scène, mais il existe un autre type, celui-ci est appelé AnimatedSprite dans la librairie AndEngine.

Utiliser un sprite animé est relativement facile grâce à cette classe du moteur, on se base toujours sur une texture.

Commençons par déclarer notre texture comme ceci :

private BitmapTextureAtlas textureSoldier;

Puis dans notre méthode OnLoadResources :

textureSoldier = new BitmapTextureAtlas(512, 64);

Voilà nous avons notre support pour stocker notre texture, passons maintenant à la partie la plus importante ! La déclaration de notre sprite animé.

Tout d’abord un sprite animé doit utilisé la classe TiledTextureRegion pour stocker ses données.

private TiledTextureRegion soldier;

Puis dans la méthode OnLoadResources() nous allons utiliser le TextureRegionFactory et sa méthode createTiledFromAsset

TiledTextureRegion BitmapTextureAtlasTextureRegionFactory.createTiledFromAsset(Texture pTexture, Context pContext, String pAssetPath, int pTexturePositionX, int pTexturePositionY, int pTileColumns, int pTileRows)

Paramètres :

• Texture : La texture où l’on va stocker notre image
• Context : Le contexte de l’application
• AssetPath : Le nom de notre image
• TexturePositionX : La position de départ de notre texture en X
• TexturePositionY : La position de départ de notre texture en Y
• TileColumns : Nombre de colonne pour l’animation
• TileRows : Nombre de ligne pour l’animation

soldier = BitmapTextureAtlasTextureRegionFactory.createTiledFromAsset(textureSoldier, this, "gfx/soldier.png", 0, 0, 8, 1);

N’oubliez pas de charger le texture dans le moteur

getEngine().getTextureManager().loadTextures(textureSoldier);

Pour finir nous allons nous diriger vers la méthode onLoadScene() et ajouter notre petit soldat !

Utilisons dés maintenant notre classe AnimatedSprite comme ceci :

final AnimatedSprite animatedSprite = new AnimatedSprite(50, 100, soldier);

Paramètres de la classe AnimatedSprite :

• PositionX : Position en X sur l’écran
• PositionY : Position en Y sur l’écran
• TiledTextureRegion : la texture animée

Puis nous allons animer tout ceci grâce à la méthode animate de la classe AnimatedSprite

animatedSprite.animate(25, true);

Paramètres :

• Vitesse : Vitesse entre chaque image
• Loop : Savoir si l’animation fonctionne en boucle ou non

Et pour terminer tout cela nous rajoutons notre sprite animé à notre scène

scene.attachChild(animatedSprite);

On lance tout cela et on voit que notre personnage bouge sur l’écran ! Si ça c’est pas magnifique :mrgreen:

Lien vers les sources : Sources de la formation