// Cloned by p birdwood on 10 Sep 2020 from World "Tutorial 3.1" by "Coding Train" project 
// Please leave this clone trail here.
 

/*
https://vimeo.com/channels/learningp5js/138935676
*/

function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(0);
  
  stroke(255);
  strokeWeight(4);
  noFill();
  
  if (mouseX < 200) {
    fill(255, 0, 200);
  }
  
  if ((mouseX > 200) && (mouseX < 400)) { 
  fill(0, 255, 200);}
  
  if (mouseX > 400) {
    fill(255, 200, 0);
  }
  
  ellipse(300, 200, 100, 100);
}