Dev Theory - Créer le jeu Pong avec Phaser 3 - Projet
techno_logo

Créer le jeu Pong avec Phaser 3 Projet

Recréer le célèbre jeu Pong avec le framework Phaser 3 dans un navigateur web !

Tout au long de ce projet, nous allons recréer ensemble le célèbre jeu Pong dans un navigateur Web. Pour cela, nous allons utiliser le Framework JavaScript Phaser 3 qui permet de manipuler la balise Canvas en HTML. On pourra ainsi gérer le positionnement, les collisions, les contrôles (avec les touches directionnelles, afficher les scores, etc...).

A la fin, vous serez capable d'améliorer le projet ou développer le vôtre !


Que vais-je apprendre dans ce projet ?

Vous souhaitez voir les possibilités de Phaser 3 ? Alors regardez la vidéo ci-dessus

Programme du projet

1 - Introduction

  • 1 - Présentation du TP
  • 2 - Démonstration du jeu (+ règles)
  • 3 - Architecture du jeu

2 - Les bases de Phaser

  • 1 - Présentation de Phaser
  • 2 - Fonctionnement global de Phaser 3
  • 3 - Projet de base
  • 4 - Ajouter des textes
  • 5 - Ajouter une image (+ animer)
  • 6 - Configuration & physique du jeu
  • _base-phaser.zip

3 - Création du Pong

  • 1 - Configuration du jeu
  • 2 - Ajout des paddles
  • 3 - Détection des touches
  • 4 - Gestion de la collision des paddles
  • 5 - Ajouter la balle (+ collision)
  • 6 - collision de la balle
  • 7 - Ajout des points
  • 8 - Spawn aléatoire de la balle
  • 9 - Accélérer la balle au rebond
  • 10 - Améliorations du jeu
  • 11 - Le mot de la fin
  • _pong-base.zip
  • _pong-fini.zip

Tout ce qui est inclus...

Acheter ce projet pour 19€ Ou s'inscrire au Club pour un accès illimité à tous les projets