Skip to content
Deneos edited this page Jan 9, 2014 · 5 revisions

Le module grid vous permet de créer une Grille de base pour votre jeu, que vous pourrez utiliser comme damier, map, ou ce que vous souhaitez.

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

1. Lier le module au jeu, vous aurez besoin d'un canvas pour la dessiner

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

2. Créer la grille

eventBus.emit("create grid", params, parent);

params est un tableau associatif qui contiendra toutes les données nécessaire pour votre grille :

  • line : le nombre de ligne total de la grille (int)
  • column : le nombre de colonne total de la grille (peut différer du nombre de ligne) (int)
  • caseWidth : largeur d'une case (int)
  • caseHeight : hauteur d'une case (int)
  • color : la couleur d'une case au repos (string)
  • hover : la couleur d'une case selectionné (string)

parent est l'objet auquel vous voulez faire appartenir votre grille. :

3. Utiliser les méthodes

L'objet grille est une structure de base, elle possède actuellement une méthode :

  • Render : dessine toutes les cases.

L'objet case à lui deux méthodes :

  • Select : permet de sélectionner une case, en invertissant ses deux couleurs.
  • Render : dessin propre a la case.