Big Tuto SDL 2 : Chapitre 19

Big Tuto SDL 2 : Rabidja v. 3.0

Chapitre 19 : Lançons des shurikens !

Tutoriel présenté par : Jérémie F. Bellanger (Jay81)
Ecriture : 15 novembre 2014
Dernière mise à jour : 11 novembre 2015

      Prologue

   Bon, sauter sur la tête des zombies, c'est cool, mais un vrai ninja se doit de lancer des shurikens !  Quand même ! 

   Et c'est ce qu'on va faire ici, en nous inspirant de la gestion de nos précédents sprites, comme les monstres ou les plateformes flottantes. 

   Allez, on est parti ! 

      Nouveaux fichiers à ajouter au projet

   Avant de commencer, il va nous falloir ajouter une nouvelle image pour nos shurikens ! 

   Enregistrez donc l'image suivante dans le dossier graphics de votre projet, sous le nom shuriken.png : 

shuriken.png

      Le code

   Voilà, créons maintenant une nouvelle def pour indiquer le nombre de shurikens max qu'on veut à l'écran ! 

   Notez qu'il vous suffira ensuite de mofier cette valeur pour permettre plus ou moins de shurikens à l'écran !

Fichier : defs.h : Rajouter :

   De vrais shurikens tournent sur eux-mêmes quand on les lance, et c'est ce qu'on va faire nous aussi, en créant une rotation pour notre sprite.

   Pour ce faire, nous aurons donc besoin de définir un centre de rotation à notre sprite et un angle. On va donc rajouter les 2 variables suivantes à notre structure GameObject  : 

Fichier : structs.h : Ajouter à la struct GameObject :

   Bon, il va maintenant falloir créer un nouveau fichier shuriken.c qui contiendra toutes les fonctions nécessaires à la gestion de nos shurikens. 
   Au début de ce fichier, nous allons déclarer 3 variables :

Fichier : Créer un nouveau fichier shuriken.c et y copier :

#include "prototypes.h"   int nombreShuriken; GameObject shuriken[10]; SDL_Texture *Shuriken_image;     void loadShurikenImage(void) { Shuriken_image = loadImage("graphics/shuriken.png"); }   void cleanShurikenImage(void) { if (Shuriken_image != NULL) { SDL_DestroyTexture(Shuriken_image); } }     int getShurikenNumber(void) { return nombreShuriken; }     void resetShuriken(void) { nombreShuriken = 0; }     void createShuriken(void) { /* Si on peut créer un shuriken, on le crée */ if (nombreShuriken < SHURIKEN_MAX) { //On enregistre la taille de l'image SDL_QueryTexture(Shuriken_image, NULL, NULL, &shuriken[nombreShuriken].w, &shuriken[nombreShuriken].h);   //Rotation en SDL2 shuriken[nombreShuriken].rotation = 0; //Centre du shuriken pour la rotation (le sprite fait 20 x 20 pixels) shuriken[nombreShuriken].center.x = 10; shuriken[nombreShuriken].center.y = 10;   /* Direction du shuriken Les valeurs sont proportionnelles au perso - à adpater manuellement selon les cas :) */ if (getPlayerDirection() == RIGHT) { shuriken[nombreShuriken].x = getPlayerx() + 15; shuriken[nombreShuriken].y = getPlayery() + 20; shuriken[nombreShuriken].direction = 1; } else { shuriken[nombreShuriken].x = getPlayerx() - 15; shuriken[nombreShuriken].y = getPlayery() + 20; shuriken[nombreShuriken].direction = 0; } nombreShuriken++; }   }     void doShuriken(void) { int i;   //On passe en boucle tous les shurikens ;) for (i = 0; i < nombreShuriken; i++) { /* On se déplace : vers la droite : */ if (shuriken[i].direction == 1) { shuriken[i].x += 10; } /* - vers la gauche : */ else { shuriken[i].x -= 10; }   //On fait tourner le shuriken en SDL2 shuriken[i].rotation += 20; if (shuriken[i].rotation >= 360) shuriken[i].rotation = 0;     /* S'il sort de l'écran, on supprime le shuriken */ if (shuriken[i].x < getStartX() || shuriken[i].x > getStartX() + SCREEN_WIDTH) { shuriken[i] = shuriken[nombreShuriken - 1]; nombreShuriken--; }   }   }     void drawShuriken(void) {   int i;   //On affiche tous les shurikens for (i = 0; i < nombreShuriken; i++) { drawImagePlus(Shuriken_image, shuriken[i].x - getStartX(), shuriken[i].y - getStartY(), shuriken[i].rotation, shuriken[i].center, SDL_FLIP_NONE); }   }       // Test de collision monstre-shuriken int shurikenCollide(GameObject *monster) { int i; int collision = 0;   for (i = 0; i < nombreShuriken; i++) { //On teste pour voir s'il n'y a pas collision, si c'est le cas, on ne fait rien if ((monster->x >= shuriken[i].x + shuriken[i].w) || (monster->x + monster->w <= shuriken[i].x) || (monster->y >= shuriken[i].y + shuriken[i].h) || (monster->y + monster->h <= shuriken[i].y) ) //On ne fait rien (un ; suffit alors) ; //Sinon, il y a collision. else { //On détruit le shuriken shuriken[i] = shuriken[nombreShuriken - 1]; nombreShuriken--;   //On passe collision à 1 collision = 1; } }   //On renvoie la valeur de collision à la fin return collision;   }

 

    Passons maintenant rapidement en revue ces nouvelles fonctions :

- on a tout d'abord 4 fonctions-outils qui nous permettent, comme d'habitude de charger / décharger notre sprite, et de récupérer (get) ou de remettre à zéro (reset) le nombre de shurikens à l'écran.

- on a ensuite une fonction qui crée un shuriken, si c'est possible et l'initialise : createShuriken(),
- doShuriken() s'occupe, quant à elle, de gérer leurs déplacements suivant qu'ils ont été lancés à droite ou à gauche, de les faire tourner en augmentant leur angle de rotation, et vérifie s'ils sortent de l'écran (auquel cas, on les supprime ).
- drawShuriken() affiche simplement chaque shuriken, en boucle.

- enfin, shurikenCollide() sert à tester les collisions entre tous les shurikens à l'écran et un monstre. On s'en servira plus tard, en l'appelant depuis updateMonsters().

   Comme vous pouvez le voir, on reste dans du classique. 

   Et on passe donc logiquement à notre fichier init.c pour rajouter les appels à loadShurikenImage() et cleanShurikenImage() dans les fonctions loadGame() et cleanup() : on charge ainsi notre sprite au début du jeu et on les décharge en quittant. 

 

Fichier : init.c : Remplacer les fonctions loadGame() et cleanup() par :

void loadGame(void) {   //On charge les données pour la map initMaps();   //On initialise les menus initMenus();   //On charge la feuille de sprites du monstre initMonsterSprites();   //On charge la feuille de sprites (spritesheet) de notre héros initPlayerSprites();   //On commence au premier niveau SetValeurDuNiveau(1); changeLevel();   /* On initialise les variables du jeu */ setNombreDeVies(3); setNombreDetoiles(0);   /* On charge le HUD */ initHUD();   //On charge le shuriken loadShurikenImage();   //On charge notre plateforme loadPlateforme();   //On charge la musique loadSong("music/Caviator.mp3");   /* On charge les sounds Fx */ loadSound();   //On commence par le menu start setOnMenu(1, START);   }     void cleanup() {   //Nettoie les sprites de la map et des menus cleanMaps(); cleanMenus();   /* Libère le sprite du héros */ cleanPlayer();   /* Libère le sprite des monstres */ cleanMonsters();   //Libère le HUD cleanHUD();   //Libère le shuriken cleanShurikenImage();   //Libère la plateforme cleanPlateforme();   /* Ferme la prise en charge du joystick */ closeJoystick();   /* On libère la musique */ cleanUpMusic();   //On libère les sons freeSound();   //On quitte SDL_Mixer 2 et on décharge la mémoire Mix_CloseAudio(); Mix_Quit();   //On fait le ménage et on remet les pointeurs à NULL SDL_DestroyRenderer(renderer); renderer = NULL; SDL_DestroyWindow(screen); screen = NULL;   //On quitte SDL_TTF 2 TTF_Quit();   //On quitte la SDL SDL_Quit(); }

 

      Bon, maintenant, que c'est fait, on va mettre à jour notre main() pour qu'il appelle la fonction doShuriken() :

Fichier : main.c : Remplacer le main() par :

   De même, dans drawGame(), on ajoute un appel à drawShuriken() :

Fichier : draw.c : Remplacer drawGame() par :

   Toujours dans ce fichier, on va rajouter notre nouvelle fonction drawImagePlus() qui nous permettra de blitter notre shuriken en prenant en compte sa rotation.

   Si vous avez bien lu le code précédent, vous aurez remarqué qu'on augmente l'angle de rotation de notre shuriken de 20° par frame, jusqu'à 360°, puis on revient à 0°. Quant au centre, c'est le centre du sprite (pour qu'il tourne sur lui-même - comme il fait 20 x 20 pixels, son centre est donc (10, 10) ).

   Vous aurez aussi remarqué que notre nouvelle fonction est très complète et gère aussi le flip, mais on ne s'en sert pas ici dans le cas de nos shurikens et on envoie donc SDL_FLIP_NONE, les autres options étant, pour rappel : SDL_FLIP_HORIZONTAL et SDL_FLIP_VERTICAL (cf chapitres précédents ).

Fichier : draw.c : Rajouter la fonction :

   Dans la fonction initializePlayer(), on appelle simplement resetShuriken(), pour éviter d'avoir déjà des shurikens à l'écran quand on ressuscite ou qu'on passe à un nouveau niveau ! 

Fichier : player.c : Remplacer la fonction initializePlayer() par :

   Il va maintenant nous falloir appeler la fonction createShuriken() à chaque fois qu'on va appuyer sur la touche d'attaque ! 
    Pour cela, on retourne dans la fonction updatePlayer() du fichier player.c et on rajoute 3 lignes :

Fichier : player.c : Rajouter dans updatePlayer() après la gestion du menu PAUSE  :

   Tant qu'on est dans ce fichier, on rajoute la fonction suivante, qui permettra à createShuriken() de savoir de quel côté regarde le joueur, et donc de quel côté il faut lancer le shuriken ! 

Fichier : player.c : Rajouter la fonction :

   On a maintenant des shurikens, mais ils sont inoffensifs pour nos monstres !

   Réglons ça dans la fonction updateMonsters() du fichier monster.c, en appelant la fonction shurikenCollide() et en lui envoyant le monstre géré dans la boucle. S'il y a collision, on le tue, tout simplement ! 

Fichier : monster.c : Rajouter dans updateMonsters() après monsterCollisionToMap(&monster[i]); :

    Plus qu'à mettre à jour notre catalogue de prototypes :

        Fichier : prototypes.h : Remplacez par :

   @ bientôt pour le chapitre 20 ! 

                                                    Jay