Blog >
[Tuto Javascript] Coder le jeu le plus dur au monde

[Tuto Javascript] Coder le jeu le plus dur au monde

November 4, 2021

On vous offre une session de programmation gratuite sans engagement

🎁 Réserver

INTRODUCTION :

L’objectif : Faire passer le carré vert de l’autre coté de notre labyrinthe sans toucher ni les murs ni les points rouges (qui devront se déplacer rapidement de manière verticale)

POUR COMMENCER :

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

2. Ouvrir ce lien : https://tinyurl.com/2h3oluma

Étape 1 : Dessiner les objets dont nous avons besoin dans ce jeu avec createSprite

-Dessiner les murs

-Le carré vert (notre personnage)

-Les 4 carrés rouges (nos ennemis)


Pour mettre de la couleur vous pouvez utiliser shapeColor

Étape 2 : Faire rebondir les balles rouges sur les murs

-Ajouter le déplacement des balles avec velocityY. Pas besoin de mettre les velocity dans la fonction draw.

-Ajouter le rebondissement des balles sur les murs avec bounceOff


Étape 3 : Faire déplacer notre personnage lorsque nous cliquons sur les flèches de notre clavier

-Ajouter la condition Si avec if et dans la condition utiliser keyDown

Étape 4 : Recommencer au début si le personnage touche un mur ou un ennemi

-Ajouter la condition Si avec if et dans la condition utiliser isTouching

-Utiliser || pour faire des « ou » (touche ennemi 1 ou ennemi 2 ou ….)

-Ramener notre personnage au point de départ en utilisant sprite.x et  sprite.y

Étape 5 : Compter le nombre de mort

-Créer une variable que nous pouvons appeler « count » et qui va compter le nombre de mort. Il faut l’initialiser à 0.

-Ensuite faire augmenter cette variable de 1 à chaque fois que nous touchons un mur ou un ennemi. Il va falloir donc se placer dans le if de l’étape 4.

👏 Bravo !

Vous savez maintenant faire un jeu en javascript par vous même.

Vous avez entre 8 et 15 ans ?

🎁 Essayez un cours GRATUIT de programmation
✔️ c’est 45 min
✔️ c’est en visioconférence
✔️ c’est un cours particulier
✔️ c’est ludique & pédagogique
✔️ Certificat de participation
🎁 Réserver