Interaction with dist() Function

sketch226823
xxxxxxxxxx
 
void setup () {
  size (600, 200);
  smooth();
}
​
void draw () {
  background (#57385c);
​
  /*
   * Die Variablen beinhalten die Position und den Radius des Kreises
   * Radius * 2 = Durchmesser = Groesse des Kreises
   */
  float x = width / 2;
  float y = height / 2;
  float r = 100; 
​
​
  /*
   * Abstand zwischen der Mausposition und der Kreisposition berechnen und 
   * das Ergebnis der Variable "distance" zuweisen
   */
  float distance = dist(mouseX, mouseY, x, y);
​
  /* 
   * Wenn der Abstand (distance) kleiner als der Radius des Kreises ist, 
   * dann befindet sich die Maus über dem Kreis. In dem Fall soll die
   * Füllfarbe auf rot gesetzt werden.
   */
  if (distance < r) {
    
    /* Farbe wird auf rot gesetzt */
    fill (#A75265);
​
    /* 
     * wenn die Maus gedrueckt wird (und die Maus über den Kreis ist), dann soll 
     * eine beige Kontur mit 6px breite gezeichnet werden
     */
    if (mousePressed) {
      stroke(#ffedbc);
      strokeWeight(6);
    } else {
      /* wenn die Maus nicht gedrueckt wird, dann soll keine Kontur gezeichnet werden */
      noStroke();
    }
  } else {
    
    /* Wenn die Maus nicht ueber den Kreis ist, soll die Fuellfarbe auf beige gesetzt werden und Kontur deaktiviert */ 
    fill (#ffedbc);
​
    noStroke();
  }
​
  /* Kreis an gegebener Positon mit gegebenem Radius zeichnen */ 
  ellipse(x, y, r * 2, r * 2);
}
​