Moonrise with Mouse Interaction - Antonio Domonkos

//Moonrise With Mouse Interaction By: Antonio Domonkos

var sunx = 0;

var suny = 0;

var mouseX=0;

var mouseY=0;

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(500,500,500);

​

}

​

function draw() {

   background(50);

  //head

    fill(96,96,96);

    ellipse(mouseX+50,mouseY+100,450,450);

  //eyes

    fill(0,0,255);

  ellipse(mouseX-25,mouseY+45,100,100);

  fill(255,0,0);

    ellipse(mouseX+125,mouseY+45,100,100);

  //mask

  fill(0,0,0);

  rect(mouseX,mouseY,100,100);

  rect(mouseX+75,mouseY+50,100,200);

  rect(mouseX-75,mouseY+50,100,200);

  rect(mouseX-75,mouseY-75,100,100);

  rect(mouseX+75,mouseY-75,100,100);

  //the moon

  fill(250,250,250);

  ellipse(sunx,suny+600,70,70);

  noStroke();

  //building 1

  fill(0,0,0,);

  rect(225,200,100,400);

  //window

  fill(255,255,0);

  rect(250,222,50,50);

  //building 2

  fill(0,0,0,);

  rect(500,390,100,232);

  fill(255,255,0);

  rect(525,400,50,50);

  //building 3

  fill(0,0,0,);

  rect(800,400,100,400);

  fill(255,255,0);

  rect(825,440,50,50);

    //clouds

  noStroke();

  fill(250,250,250,50)

  ellipse(250,230,100,40);

  ellipse(290,230,100,40);

  ellipse(330,230,100,40);

  ellipse(370,230,100,40);

  ellipse(410,230,100,40);

  ellipse(450,230,100,40);

  ellipse(490,230,100,40);

  ellipse(530,230,100,40);

  ellipse(570,230,100,40);

  ellipse(610,230,100,40);

  ellipse(650,230,100,40);

  ellipse(690,230,100,40);

  ellipse(730,230,100,40);

  ellipse(770,230,100,40);

  ellipse(810,230,100,40);

  ellipse(850,230,100,40);

  ellipse(890,230,100,40);

  ellipse(930,230,100,40);

  ellipse(970,230,100,40);

  ellipse(1010,230,100,40);

  ellipse(1050,230,100,40);

  ellipse(1090,230,100,40);

  ellipse(1130,230,100,40);

  ellipse(1170,230,100,40);

   sunx= sunx+5

   suny= suny-2

}