ajout etape 6

TP5/sketch_240321a/City.pde

@@ -35,6 +35,21 @@ class City {
     }
     fill(hue, 100, 100, alpha);
     ellipse(x, y, radius, radius);
+    
+    // Draw city name
+    if (isHighlighted) {
+      textSize(16);
+      textAlign(LEFT, CENTER);
+      float textWidth = textWidth(name);
+      float rectWidth = textWidth + 10;
+      float rectHeight = 20;
+      fill(255);
+      rect(x + radius/2 + 5, y - rectHeight/2, rectWidth, rectHeight, 5);
+      fill(0);
+      text(name, x + radius/2 + 10, y - 2);
+      setBasePen();
+  }
+
 }
 
     boolean contains(int px, int py){

TP5/sketch_240321a/ColorPalette.pde

 float getColorForAltitude(float altitude) {
     return map(altitude, 0, 100, 230, -50);
 }
+
+void setBasePen() {
+    fill(0);
+    textSize(12);
+}

TP5/sketch_240321a/sketch_240321a.pde

@@ -32,7 +32,7 @@ void draw(){
   textSize(20);
   textAlign(CENTER,CENTER);
   text("Afficher les populations supérieures à " + minPopulationToDisplay, width/2, 20);
-  textSize(12);
+  setBasePen();
   
   for (int i = 0 ; i < totalCount; ++i) {
     // draw a point at the coordinates of the city
@@ -153,7 +153,7 @@ void mouseMoved() {
         lastCitySelected.isHighlighted = false;
       }
       lastCitySelected = city;
-      println(city.name);
+      //println(city.name);
       lastCitySelected.isHighlighted = true;
       redraw();
     }