Formations à l'informatique et à l'électronique

Auteur : SD
Modifié le : 31-03-2020
Créé le : 30-03-2020

Programmer le jeu Tetris en Javascript - Partie 6 - Détecter les lignes

Retour vers la partie 5 La suite (partie 7)

Cette partie à pour but de détecter, compter et faire disparaitre les lignes complètes.

Travail à faire : Créer une fonction "effaceLigne"

Créer une fonction, "effaceLigne", qui reçoit en paramètre le numéro de ligne à effacer dans la "grille".

Tous les numéros de lignes au-dessus de la ligne effacée doivent être décalés vers le bas :

tetris fonction efface ligne

Travail à faire : Créer une fonction "verifierLignes"

Ajouter une variable "ctrLignes" initialisée à 0. Cette variable servira à compter le nombre de lignes complétées.

Créer une fonction "verifierLignes", qui vérifie si il y a des nouvelles lignes complétées. Vous ferez appel à cette fonction dans "refreshCanvas" à chaque fois qu'une nouvelle forme est copiée dans la "grille". Pour éviter de parcourir toute la grille à chaque fois, on peut se contenter de vérifier les lignes seulement où la dernière forme a été déposée.

Quand une ligne complète est détectée, on l'efface et on incrémente le compteur "ctrLignes".

Travail à faire : Modifier les fonctions "init" et "refreshCanvas"

Modifier les fonctions "init" et "refreshCanvas" de manière à afficher le nombre de lignes complétées (variable "ctrLignes") en dessous de la prochaine forme.

tetris affichage lignes complétées

La suite (partie 7)


Vous avez apprécié cet article ? Partagez le !