Casse-briques
Presentation
Objectif principal : Un bon vieux casse-briques comme sur les anciennes consoles. Une balle, une raquette, des briques a detruire. Simple mais efficace pour apprendre la gestion des collisions.
Technologies utilisees : JavaScript et Canvas pour tout le rendu. J'ai utilise requestAnimationFrame pour la boucle de jeu et des sprites basiques faits en CSS (pas d'images externes).
Fonctionnalites cles : Plusieurs niveaux avec des dispositions de briques differentes, des briques qui prennent plusieurs coups, des power-ups qui tombent (balle qui colle, raquette plus large, multi-balles).
Livrables attendus : Un jeu web complet avec menu, plusieurs niveaux, systeme de vies et de score. Sauvegarde du meilleur score en local.
Calendrier previsionnel : Une semaine et demie. La detection de collision avec les briques m'a pris du temps, surtout pour savoir de quel cote la balle rebondit.
Parties prenantes & criteres de succes : Projet perso. Le but etait d'avoir un jeu complet de A a Z avec progression et rejouabilite.
Le Defi
Le plus dur c'etait de detecter de quel cote de la brique la balle arrive pour savoir si elle rebondit horizontalement ou verticalement. Si la balle va vite, elle peut traverser une brique sans la toucher (tunneling).
La Solution
J'ai compare les distances entre le centre de la balle et chaque cote de la brique. Le cote le plus proche determine le rebond. Pour le tunneling, j'ai limite la vitesse max et je fais plusieurs checks par frame quand la balle va vite.
Architecture Technique
Classe Ball, classe Paddle, classe Brick avec un compteur de HP, classe PowerUp qui tombe quand une brique est detruite, et un GameManager qui gere les niveaux. Les niveaux sont definis dans un tableau 2D (1 = brique normale, 2 = brique solide, 0 = vide).
Points Cles
- Collision precise avec direction de rebond
- Systeme de power-ups variees
- 5 niveaux avec difficulte progressive
Apercu
Resultats & Apprentissages
Le jeu est satisfaisant a jouer. J'ai vraiment compris les collisions AABB (Axis-Aligned Bounding Box) et comment gerer un systeme de niveaux. Les power-ups ajoutent du fun et de la variete.
Evolutions Futures
Un editeur de niveaux pour creer ses propres maps. Des boss a la fin de chaque monde. Plus de power-ups (laser, balle de feu qui traverse les briques).