Atelier d’un jour #

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