Render

Le module render vous permet d'ajouter une image et des méthodes d'animation à votre classe.

Pour le faire fonctionner, cela ce passe en 3 étapes :

1. N'oubliez pas de le lier dans le define de votre jeu

define([
'event_bus',
'modules/render']
 function(eventBus){ 
     // VotreCode
 });

2. Vous allez devoir appeler le .on, comme voici

eventBus.on('init', function(object,params){
    
});

object est la classe à laquelle vous voulez ajouter ces méthodes:

params est un tableau associatif comprenant ces valeurs :

params.x position en x de votre objet (0 si non précisé).

params.y position en y de votre objet (0 si non précisé).

params.spritesheet chemin vers l'image que vous voulez afficher et lier à l'objet (required).

params.nb_of_frame Nombre de frame d'animation, une frame étant une des images qui composent l'animation (0 si non précisé, ce qui fait une seule image).

params.currentFrameX Numéro de la frame de lancement en X (0 si non précisé).

params.currentFrameY Numéro de la frame de lancement en Y (0 si non précisé).

params.frameWidth largeur de la frame, important pour définir le cadre de lecture de l'animation (required).

params.frameHeight hauteur de la frame, important pour définir le cadre de lecture de l'animation (required).

params.width largeur de l'image affiché, sert pour le zoom (affiche l'image à la taille normale si non précisé).

params.height largeur de l'image affiché, sert pour le zoom (affiche l'image à la taille normale si non précisé).

3. Pour utiliser les méthodes

Pour afficher l'image dans votre canvas, appellez la méthode render dans votre gameLoop, cela affichera une image fixe à la frame précisé.

Pour l'animer, appelez la méthode animate, cela lira bouclera l'animation avec le nombre de frame précisé.

Pour modifier la ligne de lecture de la spritesheet, le y, il faut le faire manuellement. Par exemple, si votre personnage se déplace, et que vous voulez le faire regarder dans le sens de sa marche, il faudra changer son currentFrameY.