Changement de couleur et ajout d'une animation des pions

Colors.pde

@@ -0,0 +1,4 @@
+color C_WHITE = color(255,255,255);
+color C_BLACK = color(0,0,0);
+color C_RED = color(250, 40, 40);
+color C_YELLOW = color(177, 255, 51);

Equipe.pde

@@ -22,8 +22,8 @@ class Equipe {
   
   void update() {
     // affichage de l'emplacement d'équipe, qui restera toujours fixe
-    color bgColor = color(235, 112, 71, 0.8);
-    color textColor = color(200);
+    color bgColor = color(255, 255, 255, 120);
+    color textColor = color(0,0,0);
     fill(bgColor);
     stroke(bgColor);
     strokeWeight(0.5);
@@ -35,6 +35,16 @@ class Equipe {
     float pos_x = this.id<9? this.posX-radius/5: this.posX-radius/3;
     text(this.id+1, pos_x, this.posY+radius/5);
     
+    // affichage des tours
+    if (this.tour>0) {
+      color tourColor = color(255, 255, 255, 200);
+      fill(tourColor);
+      textSize(textSize);
+      float pos_y = this.posY+radius/5+30;
+      if (this.tour>=10) pos_x = pos_x - 6;
+      text(this.tour, pos_x, pos_y);
+    }
+    
     // mise à jour du pion
     this.pion.draw();
   }
@@ -42,8 +52,8 @@ class Equipe {
   void setScore(int score) {
     if (this.score==score) return;
     int oldScore = this.score;
-    this.incTour();
-    println("Equipe", this.id+1, "setScore from", oldScore, "to", score, "turn updated to", this.tour);
+    //this.incTour();
+    println("Equipe", this.id+1, "setScore from", oldScore, "to", score);
     this.score = score;
     this.update();
     Scoreboard.applyScore(this.id, this.score, this.tour);
@@ -55,6 +65,11 @@ class Equipe {
     this.tour++;
   }
   
+  void decTour() {
+    if (this.tour==0) return;
+    this.tour--;
+  }
+  
   void setTour(int tour) {
     this.tour = tour;
   }

Pion.pde

@@ -3,13 +3,15 @@ class Pion extends Position {
   boolean lazored, animated = false;
   int timer;
   float savedRadius;
+  color bgColorHover;
   
   Pion(int id) {
     super(id);
-    this.bgColor = color(0, 0, 0);
-    this.textColor = color(255, 255, 255);
+    this.bgColor = C_RED;
+    this.bgColorHover =  C_YELLOW;
+    this.textColor = color(0, 0, 0);
     this.posX = floor((displayWidth-margin*2)/nombreEquipes)*id+radius/2+margin;
-    this.posY = displayHeight-28;
+    this.posY = displayHeight-46;
     this.radius = 30;
   }
   
@@ -35,12 +37,13 @@ class Pion extends Position {
   }
   
   color getBgColor() {
-    if (this.animated && this.lazored) return color(random(200, 255), random(50, 150), random(50, 150));
-    return this.dragged? color(177, 255, 51): this.hovered? this.textColor: this.bgColor;
+    if (this.animated && this.lazored) return color(random(200, 255), random(0, 100), random(0, 100));
+    if (((frameCount-id) % 10)==0) return C_WHITE;
+    return this.dragged? C_YELLOW: this.hovered? this.bgColorHover: this.bgColor;
   }
   
   color getTextColor() {
-    return this.dragged? color(0): this.hovered? this.bgColor: this.textColor;
+    return this.dragged? C_BLACK: this.hovered? this.textColor: this.textColor;
   }
   
   void hoverStop() {
@@ -82,7 +85,8 @@ class Pion extends Position {
 
     if (!this.lazored) return;
     PVector target = new PVector(p.posX, p.posY);
-    LAZOR(new PVector(245, 158), target);
-    LAZOR(new PVector(displayWidth-245, 158), target);
+    //LAZOR(new PVector(245, 158), target);
+    //LAZOR(new PVector(displayWidth-245, 158), target);
+    LAZOR(new PVector(mouseX, mouseY), target);
   }
 }

Plateau.pde

@@ -47,6 +47,7 @@ void setup() {
   Scoreboard.applyScores();
 }
 
+// positionnement des pions sur une case, répartis en cercle si ils sont plusieurs
 void drawAround(int score) {
   //println("draw around", score);
   for (int i=0; i<positionTable.getRowCount(); i++) {
@@ -70,6 +71,7 @@ void drawAround(int score) {
   }
 }
 
+// fonction appellée à chaque mouvement de souris
 void mouseMoved() {
   for (int i = 0 ; i < equipes.length; i++) {
     Equipe e = equipes[i];
@@ -114,6 +116,7 @@ void mouseMoved() {
   }
 }
 
+// fonction appellée à chaque appui du clic
 void mousePressed() {
   for (int i = 0 ; i < equipes.length; i++) {
     Pion p = equipes[i].pion;
@@ -125,10 +128,26 @@ void mousePressed() {
     }
   }
   
-  if (Scoreboard.mouseHover()) { 
-    Scoreboard.toggleDisplay();
+  //if (Scoreboard.mouseHover()) { 
+  //  Scoreboard.toggleDisplay();
+  //}
+  
+  Equipe clicked = findClosestEquipeFromMouse();
+  float eD = dist(clicked.posX, clicked.posY, mouseX, mouseY);
+  if (eD<=clicked.radius/2) {
+    // désactiver l'incrémentation si le pion était encore à son emplacement d'origine
+    //if (!clicked.pion.dragged) {
+      if (mouseButton == LEFT) {
+        clicked.incTour();
+      } else if (mouseButton == RIGHT) {
+        clicked.decTour();
+      }
+      Scoreboard.save();
+      println("Clicked on Equipe", clicked.id+1, "set tour to", clicked.tour);
+    //}
   }
 
+  
   if (!EDITING) return;
   for (int i = 0 ; i < positions.length; i++) {
     Position p = positions[i];
@@ -141,6 +160,7 @@ void mousePressed() {
   }
 }
 
+// fonction appellée à chaque déplacement appuyé (drag)
 void mouseDragged() {
   for (int i = 0 ; i < equipes.length; i++) {
     Pion p = equipes[i].pion;
@@ -163,6 +183,7 @@ void mouseDragged() {
   } 
 }
 
+// fonction appellée à chaque relâchement du clic
 void mouseReleased() {
   for (int i = 0 ; i < equipes.length; i++) {
     Pion p = equipes[i].pion;
@@ -183,6 +204,7 @@ void mouseReleased() {
   }
 }
 
+// fonction appellée à chaque mouvement de molette
 void mouseWheel(MouseEvent event) {  
   for (int i = 0 ; i < equipes.length; i++) {
     Equipe e = equipes[i];
@@ -240,11 +262,29 @@ Position findClosestPositionFrom(Pion pion) {
   return closest;
 }
 
+// renvoie l'emplacement d'équipe le plus proche de la souris
+Equipe findClosestEquipeFromMouse() {
+  Equipe closest = equipes[0];
+  
+  for (int i = 0 ; i < equipes.length; i++) {
+    Equipe equipe = equipes[i];
+    
+    float distPion = dist(mouseX, mouseY, equipe.posX, equipe.posY);
+    float distClosest = dist(mouseX, mouseY, closest.posX, closest.posY);
+
+    if (distPion<=distClosest) closest = equipes[i];
+  }
+  
+  return closest;
+}
+
+// test de présence du fichier en paramètre
 boolean fileExists(String filename) {
   File f = dataFile(filename);
   return f.isFile();
 }
 
+// LAZOR !!!
 void LAZOR(PVector source, PVector target, int noiseLevel) {
   stroke(random(0, 255), random(0, 100), random(0, 100));
   strokeWeight(random(0,3));
@@ -255,6 +295,7 @@ void LAZOR(PVector source, PVector target) {
   LAZOR(source, target, 0);
 }
 
+// RECTANGULAR LAZOR !!!
 void LAZORECT(float posX, float posY, float width, float height) {
   stroke(random(0, 255), random(0, 100), random(0, 100));
   strokeWeight(random(0,3));
@@ -266,23 +307,33 @@ void LAZORECT(float posX, float posY, float width, float height) {
   //LAZOR(new PVector(posX, posY+height), new PVector(posX, posY));
 }
 
+// boucle d'affichage appellée plusieurs fois par seconde (~60)
 void draw() {
+  println(frameRate);
+  // afficher l'image de fond
   image(backgroundImage, 0, 0, displayWidth, displayHeight);
   
-  if (!Scoreboard.display) image(titleImage, 0, 0, displayWidth, displayHeight);
+  // afficher le titre si le scoreboard est masqué
+  // if (!Scoreboard.display) 
+  image(titleImage, 0, 0, displayWidth, displayHeight);
   
+  // afficher le scoreboard
   Scoreboard.draw();
   
+  // mettre à jour les équipes
   for (int i = 0 ; i < equipes.length; i++) {
      equipes[i].update();
   }
   
+  // recharger les scores depuis le fichier csv
   if (millis() > timer + 2000) {
     Scoreboard.reloadFromDisk();
     timer = millis();
   }
   
+  // si on est pas en mode édition, arrêter là
   if (!EDITING) return;
+  // afficher les positions à éditer
   for (int i = 0 ; i < positions.length; i++) {
    positions[i].draw();
   }

Scoreboard.pde

@@ -3,7 +3,7 @@ class Scoreboard {
   String dataSource; // nom du fichier csv
   Table table;
   boolean autoload = true; // chargement et rechargement automatique
-  boolean display = false;
+  boolean display = true;
   float posX, posY, width, height; // position et dimensions de l'afficheur
   
   Scoreboard() {
@@ -17,10 +17,10 @@ class Scoreboard {
   
   void setup() {
     if (autoload) this.load();
-    this.posX = 348;
-    this.posY = 59;
-    this.width = 1239;
-    this.height = 158;
+    this.posX = 1548;
+    this.posY = 0;
+    this.width = 300;
+    this.height = 118;
   }
   
   // charge ou génère le tableau des scores
@@ -131,62 +131,80 @@ class Scoreboard {
   }
   
   void draw() {
-    if (!this.display) return;
+    //if (!this.display) return;
     int count = 0;
     //int podium = 3;
     int margin = 60;
-    float offsetX = this.posX+this.width+10;
+    float offsetX = this.posX;
     float offsetY = this.posY;
     float lastX = 0;
     rectMode(CORNER);
     
+    fill(color(0, 0, 0, 100));
+    stroke(color(0, 0, 0));
+    strokeWeight(1);
+    rect(this.posX, this.posY+20, this.width, this.height);
+    
     // pour chaque score de 50 à 1
     for (int i=50; i>0; i--) {
+      // on limite aux 5 premières équipes
+      if (count==5) break;
       // récupération des équipes à ce score
       Iterable<TableRow> rowsIterable = this.findEquipesByScore(i);
       ArrayList<String> teams = new ArrayList<String>();
       for (TableRow row : rowsIterable) { teams.add(row.getString("equipe")); }
       
       // arrêter la boucle si on est hors du cadre d'affichage
-      if (offsetX-margin<=this.posX) break;
+      //if (offsetX-margin<=this.posX) break;
       // passer cette itération si aucune équipe à afficher
       if (teams.size()==0) continue;
 
       // affichage du score
-      fill(color(0, 0, 0));
+      fill(color(0,0,0));
+      rect(offsetX, offsetY+20, 55, 50);
+      fill(color(240, 240, 80));
       stroke(color(0, 0, 0));
       strokeWeight(1);
       textFont(quicksandFont, 40);
+      String text = str(count+1);
       // correction de positionnement horizontal
-      float localMarginX = (i<=9)? margin-14: (i>=40)? margin+8: margin;
-      localMarginX = (teams.size()>1)? localMarginX+((teams.size()-1)*margin)/2: localMarginX;
-      //text(i, offsetX-margin, offsetY+margin);
+      //   selon largeur du texte
+      //float localMarginX = (i<=9)? margin+14: (i>=40)? margin-8: margin;
+      float localMarginX = count==0? 10: 0;
+      //   selon nombre d'équipes à afficher pour ce score
+      // localMarginX = (teams.size()>1)? localMarginX+((teams.size()-1)*margin)/2: localMarginX;
       //fill(color(0, 250, 0));
-      text(i, offsetX-localMarginX, offsetY+margin);
+      text(text, offsetX+localMarginX, offsetY+margin);
+      
+      localMarginX = count==0? 20: 25;
+      textFont(quicksandFont, 20);
+      text = count==0? " er": "e";
+      text(text, offsetX+localMarginX, offsetY+margin-16);
       
       // affichage des équipes
       for(int j=0; j<teams.size(); j++) {
-        float subLocalMarginX = (int(teams.get(j))<=9)? margin-10: (int(teams.get(j))>=40)? margin+4: margin;
-        subLocalMarginX -=4;
+        // correction de positionnement horizontal
+        //   selon nombre d'équipes à afficher pour ce score
+        float subLocalMarginX = ((teams.size()-j)*margin)-margin/2;
+        //subLocalMarginX = (teams.size()>1)? localMarginX+((teams.size()-1)*margin)/2: localMarginX;
+        fill(color(240, 240, 80));
+        circle(offsetX+subLocalMarginX, offsetY+(margin*2)-12, 50);
         fill(color(0, 0, 0));
-        circle(offsetX-(margin*(j+1))+20, offsetY+(margin*2)-12, 50);
-        fill(color(255, 255,255));
         textFont(quicksandFont, 32);
-        //text(teams.get(j), offsetX-(margin*(j+1)), offsetY+(margin*2));
-        //fill(color(0, 250, 0));
-        text(teams.get(j), offsetX-(subLocalMarginX*(j+1)), offsetY+(margin*2));
+        //   selon largeur du texte
+        subLocalMarginX = (int(teams.get(j))<=9)? (int(teams.get(j))==1)? subLocalMarginX-6: subLocalMarginX-8: (int(teams.get(j))>=40)? subLocalMarginX-20: subLocalMarginX-15;
+        text(teams.get(j), offsetX+subLocalMarginX, offsetY+(margin*2));
         count++;
       }
       
-      line(offsetX-(margin*teams.size())-10, offsetY, offsetX-(margin*teams.size())-10, offsetY+this.height);
-      lastX = offsetX-(margin*teams.size())-10;
-      
-      offsetX -= margin*teams.size();
+      //line(offsetX-(margin*teams.size())-10, offsetY, offsetX-(margin*teams.size())-10, offsetY+this.height);
+      lastX = offsetX+(margin*teams.size())-10;
       
+      offsetX += margin*teams.size();
     }
     
     noFill();
     stroke(color(0, 0, 0));
-    rect(lastX, this.posY, margin*count, this.height);
+    //rect(lastX, this.posY, margin*count, this.height);
   }
 }