// Cloned by Joseph lyons on 31 May 2021 from World "Tutorial 2.1 " by "Coding Train" project 
// Please leave this clone trail here.
 


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


function setup() {
  createCanvas(600, 400);
  background(250, 250, 100);
}

function draw() {
  // background(250, 250, 100);

  // ellipse
  //fill(250, 200, 200);
  //ellipse(mouseX, mouseY, 100, 100);
  
  
  //changed now so that the rectagle is being drawn on x axis
   //rectangle
   //fill(200, 250, 200);
   //rect(mouseX, 20, 150, 50);
   
      //rectangle moves o x and y axis
   //fill(200, 250, 200);
   //rect(mouseX, mouseY, 150, 50);
   
  // painting simulator
  noStroke();
  fill(250,200,200);
  ellipse(mouseX,mouseY,40,40)
}

// try mousePressed function 
function mousePressed() {
  background(250, 250, 100);
}