​

​

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  noStroke();

  fill(0);

}

​

function draw() {

  background(200);

  //fill(255);

  stroke(0);

  ellipseMode(RADIUS);

  /*

    if ((mouseX > 50) && (mouseX < 300) && (mouseY > 50) && (mouseY < 350)){

    fill('red');

  }

  else {

    fill('yellow');

  }

  circle(200, 200, 300);

  */

  //cercle jaune

  if (dist(mouseX, mouseY, 300, 300) < 100/2) {

    fill(255, 0, 0);

  }

    else {

    fill('yellow');

  }

  circle(300, 300, 50);

  //cercle orange

  if (dist(mouseX, mouseY, 300, 500) < 100/2) {

    fill(255, 0, 0);

  }

    else {

    fill('orange');

  }

  circle(300, 500, 50);

​

}