Un clone du célèbre jeu Tetris développé entièrement en JavaScript, HTML et CSS, sans framework. Le projet a pour objectif de comprendre la logique de gestion d'une grille, des collisions, des rotations de pièces et de la suppression de lignes.
Un jeu Tetris classique avec :
- génération aléatoire de pièces
- rotations
- gestion des collisions
- suppression de lignes
- système de score
- écran de Game Over
- redémarrage de la partie
- HTML5 — structure du jeu
- CSS3 — mise en page et style
- JavaScript (Vanilla) — logique complète du jeu
Aucune librairie externe n’est utilisée.
| Touche | Action |
|---|---|
| ⬅️ | déplacer la pièce à gauche |
| ➡️ | déplacer la pièce à droite |
| ⬆️ | rotation de la pièce |
| ⬇️ | descente rapide |
| ESC | recommencer la partie |
| ENTER | Regeneration d'un pièce |
Clone le projet :
git clone https://github.com/ton-utilisateur/tetris-js.gitPuis ouvre simplement :
index.html
dans ton navigateur.
Aucune installation n'est nécessaire.
tetris-js
│
├── jdt
├── index.html
└── ressources
├── style.css
├── script.js
└── img/
Ce projet a été réalisé pour :
- apprendre la gestion d'une grille en JavaScript
- comprendre les collisions
- implémenter un système de rotation de pièces
- manipuler le DOM efficacement
- organiser la logique d'un jeu simple
Plusieurs améliorations peuvent encore être ajoutées :
- aperçu de la prochaine pièce
- sauvegarde du meilleur score
- système de niveaux
- effets visuels lors de la suppression de lignes
- animations avancées
Projet réalisé par Stepan.
Projet libre d'utilisation