Moonrise/Sunrise with Mouse Interaction by Zola Osman

//Moonrise/Sunrise with Mouse Interaction by Zola Osman

​

var move = 0;

var variable2 = 0;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

​

}

​

​

function draw() {

   background(0,0,255);

  //moon

  fill(255,255,255);

ellipse(move+1000,move+1000,200,200);

  fill(255,255,150,100)

  ellipse(move+1000,move+1000,400,400);

  fill(255,255,100,100)

  ellipse(move+1000,move+1000,150,150);

  //buildings

  fill(200,0,200);

rect(100,500,200,500,100,460,200,460);

fill(255,0,0)

 rect(300,200,300,500);

  fill(255,255,0)

rect(600,500,100,500);

 //clouds

  fill(255,255,255,100)

  ellipse(700,175,175,80)

  ellipse(750,140,175,80)

  ellipse(725,200,175,80)

  ellipse(1000,150,250,100)

  //Mouse Interaction

    //face

  fill(255,mouseX)

  ellipse(mouseX,mouseY,200,200)

  //eyes

  fill(0,0,mouseX)

  ellipse(mouseX+50,mouseY-20,50,50)

  ellipse(mouseX-50,mouseY-20,50,50)

  fill(0,mouseX)

  ellipse(mouseX+50,mouseY-20,20,20)

  ellipse(mouseX-50,mouseY-20,20,20)

  //mouth

  fill(mouseX,0,0)

  arc(mouseX,mouseY+50,35,35,500,100)

   ellipse(mouseX,mouseY,move,move)

   //hair

   fill(mouseX,mouseX,0)

   ellipse(mouseX,mouseY-100,70,70,1000,1000)

   ellipse(mouseX+50,mouseY-80,70,70,1000,1000)

   ellipse(mouseX-50,mouseY-80,70,70,1000,1000)

   ellipse(mouseX+100,mouseY-60,70,70,1000,1000)

   ellipse(mouseX-100,mouseY-60,70,70,1000,1000)

  move = move - 1

}