Blog >
[Tuto Javascript] Coder le jeu de Pacman

[Tuto Javascript] Coder le jeu de Pacman

November 4, 2021

On vous offre une session de programmation gratuite sans engagement

🎁 Réserver

INTRODUCTION :

L’objectif : Créer un jeu de Pacman

POUR COMMENCER :

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

2. Ouvrir ce lien : https://studio.code.org/projects/gamelab/eUSnoO865SUZUhu6VqhP9tGKbjYtA5FH6cwUfz8WiN0/edit

Étape 1 : Création des objets avec createSprite() et setAnimation()

-Dessiner pacman avec createSprite()

-Dessiner le fantôme  avec createSprite()

-Dessiner un obstacle  avec createSprite()

-Appliquer les images avec setAnimation()

Étape 2 : Faire le système de navigation pour Pacman et le fantôme

-Créer un système de navigation pour Pacman et pour le fantôme

-suivre les commentaires suivants :

//flèche gauche pour faire avancer pacman sur la gauche
   // si pacman est sur la gauche du fantôme, faire avancer le famtôme sur la droite
   // si pacman est sur la droite du fantôme, faire avancer le famtôme sur la gauche

// flèche droite pour faire avancer pacman sur la droite
   // si pacman est sur la gauche du fantôme, faire avancer le famtôme sur la droite
   // si pacman est sur la droite du fantôme, faire avancer le famtôme sur la gauche
 
 // flèche haute pour faire avancer pacman vers le haut
   // si pacman est au dessus du fantôme, faire avancer le famtôme sur vers le haut
   // si pacman est en dessous du fantôme, faire avancer le famtôme vers le bas
 
 // flèche basse pour faire avancer pacman vers le bas
   // si pacman est au dessus du fantôme, faire avancer le famtôme sur vers le haut
   // si pacman est en dessous du fantôme, faire avancer le famtôme vers

Étape 3 : Faire les systèmes de collision avec collide() et bounceOff()

-Faire un système de collision entre Pacman et l'obstacle avec collide()

-Faire rebondir le fantôme sur l'obstacle avec bounceOff()

-Créer des murs avec createEdgeSprites()

-Faire rebondir  le fantôme sur les murs avec bounceOff()

Étape 4 :Détruire Pacman lorsqu'il touche le fantôme avec isTouching() et destroy()

-Utiliser isTouching() et destroy() pour détruire Pacman lorsqu'il touche le fantôme

👏 Bravo !

Vous savez maintenant faire un jeu de Pacman en javascript. Vous pouvez l'améliorer en ajoutant des obstacles, du son, utiliser la variable statut pour créer un système de viee, faire accélérer le fantôme avec le temps...

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