var yPos = [];

var blues = [];

var speeds = [];

​

function setup() {

   girl = loadImage("girl.png");

  angleMode(DEGREES);

  createCanvas(400, 400);

  background(0);

  var count = 0;

  while (count < 100) {

    append(xPos, random(400));

    append(yPos, random(400));

    append(blues, random(180, 240));

    append(speeds, random(0.5, 4));

    count++;

  }

}

​

function draw() {

  background(112, 160, 204, 240);

  if (mouseIsPressed === true) {

    background(0);

  }

​

  fill(255);

  ellipse(200, 400, 1000, 400);

  fill(181, 71, 65);

  arc(201, 165, 90, 90, 150, 150 + 180);

  noStroke();

  fill(112, 160, 204);

  ellipse(175, 185, 20, 20);

  ellipse(175 + 18, 185 - 12, 20, 20);

  ellipse(175 + 36, 185 - 24, 20, 20);

  ellipse(175 + 54, 185 - 36, 20, 20);

​

​

  if (mouseIsPressed === true) {

    noStroke();

    fill(0);

    ellipse(175, 185, 21, 21);

    ellipse(175 + 18, 185 - 12, 21, 21);

    ellipse(175 + 36, 185 - 24, 21, 21);

    ellipse(175 + 54, 185 - 36, 21, 21);

  }

​

  stroke(0);

  strokeWeight(2);

  line(200, 164, 215, 193);

  strokeWeight(4);

  point(180, 127);

  if (mouseIsPressed === true) {

    stroke(50);

    strokeWeight(2);

    line(200, 164, 215, 193);

    strokeWeight(4);

    point(180, 127);

  }

    image(girl, 170, 150,100,150);

​

  noStroke();

  var i = 0;

  while (i < xPos.length) {

    fill(blues[i], blues[i], blues[i]);

    ellipse(xPos[i], yPos[i], 5, 5);

    yPos[i] = yPos[i] + speeds[i];

​

    // xPos[i] = xPos[i]+random(-1,1);

​

    if (yPos[i] > 400) {

      yPos[i] = 0;

    }

    i++; //i= i + 1;

  }

  if(mouseIsPressed === true){

     fill(0,0,0,100)

    noStroke()

    rect(0,0,400,400)

  }

}

​

​