Atelier d’un jour #

Équipe d’animation 2025 #

• 8h00-9h45    Charbel, Colin, Marwan
• 9h50-11h35    Nazim + effort de groupe
• 11h40-13h25    Sirine, Gregory

Objectifs #

1. Compléter l’implantation d’un jeu Pong

Exécuter le projet une première fois #

1. Télécharger un_jour.zip

2. Ouvrir le projet

3. Exécuter le projet… oups, il y a ni balle, ni palette!

   

Ajouter la balle #

1. Ouvrir le fichier MondePong2d et ajouter le code suivant:

   public class MondePong2d extends World2dFx {
   
           // ...
   
           @Override
           protected void initialize() {
               setWidth(LARGEUR_MONDE);
               setHeight(HAUTEUR_MONDE);
   
               paletteGauche = new Palette2d("gauche", 30);
               paletteDroite = new Palette2d("droite", LARGEUR_MONDE - 40);
               balle = new Balle2d(paletteGauche, paletteDroite);
   
               // ajouter
               addObject2d(balle);
           }
   

2. Sauvegarder et exécuter le projet

3. On a maintenant un balle!

Ajouter les palettes #

1. Dans MondePong2d, ajouter le code suivant:

   public class MondePong2d extends World2dFx {
   
           // ...
   
           @Override
           protected void initialize() {
               setWidth(LARGEUR_MONDE);
               setHeight(HAUTEUR_MONDE);
   
               paletteGauche = new Palette2d("gauche", 30);
               paletteDroite = new Palette2d("droite", LARGEUR_MONDE - 40);
               balle = new Balle2d(paletteGauche, paletteDroite);
   
               addObject2d(balle);
   
               // ajouter
               addObject2d(paletteGauche);
               addObject2d(paletteDroite);
           }
   

2. Sauvegarder et exécuter le projet

3. On a maintenant les palettes, mais la balle passe à travers

   • NOTE: déplacer les palettes avec w/s et ↑/↓

Faire rebondir la balle sur les palettes #

1. Ouvrir Balle2d, ajouter le code suivant:

   public class Balle2d extends ObjetPong2d {
   
           @Override
           public void onTimePasses(double secondsElapsed) {
               super.onTimePasses(secondsElapsed);
   
               if(balleFrappeMurGauche()) {
   
                   balleRebondiSurMurGauche();
   
               } else if(balleFrappeMurDroit()) {
   
                   balleRebondiSurMurDroit();
   
               // ajouter
               }else if(balleFrappePalette(paletteGauche)) {
   
                   // ajouter
                   balleRebondiSurObjet(paletteGauche);
   
               // ajouter
               }else if(balleFrappePalette(paletteDroite)) {
   
                   // ajouter
                   balleRebondiSurObjet(paletteDroite);
   
               }else if(balleFrappePlafond()) {
   
                   balleRebondiSurPlafond();
   
               }else if(balleFrappePlancher()) {
   
                   balleRebondiSurPlancher();
               }
           }
   

2. Sauvegarder et exécuter le projet

3. La balle devrait maintenant rebondir sur les palettes

Défi 1: grossir la balle et changer son image #

1. Il faut ajouter une image dans le répertoire pong/src/main/resources/images

2. Il faut modifier un peu le code de Balle2d

Défi 2: changer la couleur des palettes #

1. Il faut modifier un peu le code de Palette2d

   public class Palette2d extends ObjetPong2d {
   
           @Override
           public void drawOnWorld(GraphicsContext gc) {
               gc.save();
   
               // TODO: changer la couleur
   
               gc.fillRect(topLeftX,
                           topLeftY,
                           width, 
                           height);
   
               gc.restore();
           }
   

2. Il faut trouver ici comment changer la couleur de remplissage (fill)

   • https://docs.oracle.com/javase/8/javafx/api/javafx/scene/canvas/GraphicsContext.html
   • TRUC: chercher pour setFill

Défi 3: changer la couleur des palettes selon leur emplacement à l’écran #

1. Il faut modifier un peu le code de Palette2d

   public class Palette2d extends ObjetPong2d {
   
           @Override
           public void drawOnWorld(GraphicsContext gc) {
               gc.save();
   
               // TODO: changer la couleur
   
               gc.fillRect(topLeftX,
                           topLeftY,
                           width, 
                           height);
   
               gc.restore();
           }
   

2. Il faut trouver comment créer une couleur avec des valeurs RGB

   • https://docs.oracle.com/javase/8/javafx/api/javafx/scene/paint/Color.html
   • BUT: faire varier les valeurs RGB selon la valeur de topLeftY

Finaliser le jeu: compter les points #

1. Modifier le code de Balle2d

   public class Balle2d extends ObjetPong2d {
   
           @Override
           public void onTimePasses(double secondsElapsed) {
               super.onTimePasses(secondsElapsed);
   
               if(balleFrappeMurGauche()) {
   
                   // effacer
                   // balleRebondiSurMurGauche();
   
                   // remplacer par
                   ajouterPoint(Position.DROITE);
                   choisirEtatInitial();
   
               } else if(balleFrappeMurDroit()) {
   
                   // effacer
                   // balleRebondiSurMurDroit();
   
                   // remplacer par
                   ajouterPoint(Position.GAUCHE);
                   choisirEtatInitial();
   
   
               }else if(balleFrappePalette(paletteGauche)) {
   
                   balleRebondiSurObjet(paletteGauche);
   
               }else if(balleFrappePalette(paletteDroite)) {
   
                   balleRebondiSurObjet(paletteDroite);
   
               }else if(balleFrappePlafond()) {
   
                   balleRebondiSurPlafond();
   
               }else if(balleFrappePlancher()) {
   
                   balleRebondiSurPlancher();
               }
           }
   

2. Re-exécuter le projet. Le pointage devrait fonctionner