Formations à l'informatique et à l'électronique

Auteur : SD
Créé le : 27-03-2020

Programmer le jeu Tetris en Javascript - Partie 1 - Afficher les formes et gérer leur rotation

La suite (partie 2)


Cette première partie permet de mettre en place l'affichage des différentes formes du célèbre jeu Tetris et de gérer leur rotation.

Pour commencer, un code de base est donné :

1. Afficher les différentes formes

Les différentes du jeu sont stockées dans un tableau à plusieurs dimensions (lignes 20 à 55 du fichier tetris.js). Pour le moment il n'y a que 2 formes de représentées.

Travail à faire : Créer les différentes formes

Sur le modèle des deux formes déjà proposées, ajouter les autres formes du jeu. L'image ci-dessous récapitule l'ensemble des formes du jeu.

Formes de base du jeu tetris

Remarques :

Travail à faire : Basculer l'affichage entre les différentes formes

Dans le jeu réel cette fonction ne sera utile, elle va seulement nous permettre ici de vérifier que les tableaux créés précédemment sont correctes.

Compléter le code de la fonction "handleKeyDown(e)" de telle sorte que l'appuie sur la touche t incrémente la variable "numForme" ce qui permettra à chaque appuie sur cette touche d'afficher une forme différente.

Attention : il ne faut pas incrémenter "numForme" à l'infini, il ne faut pas dépasser le nombre total de formes - 1.

2. Gérer la rotation des formes

Dans le code de base proposé, seule la rotation horaire est codée (touche flèche haut du clavier).

Travail à faire : Coder la rotation anti-horaire

Compléter le code de la fonction "handleKeyDown(e)" de telle sorte que l'appui sur la touche flèche bas du clavier permette de faire pivoter les formes dans le sens anti-horaire.

3. Vidéo du résultat attendu à la fin de cette première partie

La suite (partie 2)


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

Article connexe : Programmer le jeu Tetris en Javascript - Partie 2 - Chaque forme à sa couleur !