[Tuto Javascript] Comment coder le jeu casse brique

INTRODUCTION :

L’objectif : Créer un jeu de casse brique

‍

POUR COMMENCER :

‍

1. Connectez-vous à code.org avec votre compte personnel

‍

2. Ouvrir ce lien : https://studio.code.org/projects/gamelab/tknJraC_1W1-pwP7uoQ-l6Y-ZRONtAGA0jg_rLHi1VM/edit

‍

Étape 1 : Dessiner les éléments dont nous avons besoin dans ce jeu avec createSprite

-Dessiner 10 blocs

-Dessiner le pad

-Desiner la balle

‍

Étape 2 : Créer un group, un statut du jeu, donner de la vitesse à la balle

-Créer un group que vous allez appeler bloc_group dans lequel vous allez ajouter les blocs

-Créer un statut du jeu que vous pouvez initialiser à "start"

-Faire une condition if pour lancer la balle si statut est "start" et si vous appuyez sur la barre espace

-Faire bouger le pad à droite et gauche lorsque vous appuyez sur la flèche gauche et la flèche droite de votre clavier

‍

‍

Étape 3 : Créer le système de rebond, faire revenir la balle au centre

‍

-Faire rebondir la balle sur les blocs avec bounceOff() puis les détruire avec destroy()

-Créer les rebords avec createEdgeSprite() puis faire rebondir la balle sur les bords

-Faire revenir la balle à sa position du départ lorsque la balle sort de l'écran

‍

‍

Étape 4 : Système de vie

‍

-Créer une variable life

-Si life est égal à 0 alors afficher "perdu"

-Si life > 0 et qu'il n'y a plus de blocs (utiliser bloc_group.length === 0) alors afficher "gagner"

‍

👏 Bravo !

Vous savez maintenant faire un jeu de casse-brique en javascript. Vous pouvez l'améliorer en ajoutant des images/couleurs, du son, utiliser la variable statut pour créer un système de vie plus efficace, faire accélérer la balle avec le temps...

‍

‍