Un jeu de casse-briques classique en JavaScript (Vanilla) Orienté Objet. L’écran de jeu est dessiné sur un canvas HTML et animé via le système d’Animation Frame de l’objet Window. L’enregistrement des scores se fait de manière asynchrone dans un fichier JSON via le système de requêtes AJAX.
- Plusieurs niveaux
- Plusieurs types de briques
- Des bonus/malus
- Un tableau des scores (AJAX/JSON)
Lorsqu’une brique est détruite, elle laisse tomber un bonus (vert) ou un malus (orange) qui feras effet si il attrapé avec le pad. Les bonus/malus sont cumulatifs et de plusieurs types:
- augmenter ou diminuer la taille du pad
- augmenter ou diminuer la vitesse de la balle
- le bonus « meteor » permet de détruire les briques en un seul coup sans regard de leur solidité, et sans rebondir dessus
Lorsqu’un niveau est terminé, le joueur peut enregistrer son score, qui seras enregistré dans un fichier JSON via une requête AJAX.
J’ai utilisé la Programmation Orientée Object afin que chaque élément et mécanisme soit bien séparé dans une classe à part.
Exemple d’une requête AJAX, ici pour enregistrer un nouveau score.