Rain

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function draw() {

  translate(width/2,height/2);

  x = mouseX/50;

  y = mouseY/50;

  background(59, 112, 80);

  if (mouseIsPressed) {

    rain();

    fill(159, 154, 161);

  }

  else {

    fill(192, 186, 194);

  }

  noStroke();

  ellipse(0 + x, -130 + y, 100, 100);

  ellipse(40 + x, -100 + y, 100, 100);

  ellipse(-40 + x, -100 + y, 100, 100);

  ellipse(-40 + x, -150 + y, 100, 100);

  ellipse(40 + x, -150 + y, 100, 100);

  ellipse(-80 + x, -130 + y, 100, 100);

  ellipse(80 + x, -130 + y, 100, 100);

  ellipse(0 + x, -180 + y, 100, 100);

  translate(width/4,height/4);

  if (mouseIsPressed) {

    rain();

    fill(159, 154, 161);

  }

  else {

    fill(192, 186, 194);

  }

  noStroke();

  ellipse(0 + x, -130 + y, 100, 100);

  ellipse(40 + x, -100 + y, 100, 100);

  ellipse(-40 + x, -100 + y, 100, 100);

  ellipse(-40 + x, -150 + y, 100, 100);

  ellipse(40 + x, -150 + y, 100, 100);

  ellipse(-80 + x, -130 + y, 100, 100);

  ellipse(80 + x, -130 + y, 100, 100);

  ellipse(0 + x, -180 + y, 100, 100);

  translate(-width/2,0);

  if (mouseIsPressed) {

    rain();

    fill(159, 154, 161);

  }

  else {

    fill(192, 186, 194);

  }

  noStroke();

  ellipse(0 + x, -130 + y, 100, 100);

  ellipse(40 + x, -100 + y, 100, 100);

  ellipse(-40 + x, -100 + y, 100, 100);

  ellipse(-40 + x, -150 + y, 100, 100);

  ellipse(40 + x, -150 + y, 100, 100);

  ellipse(-80 + x, -130 + y, 100, 100);

  ellipse(80 + x, -130 + y, 100, 100);

  ellipse(0 + x, -180 + y, 100, 100);

}

​

function rain() {

  x = mouseX/50;

  y = mouseY/50;

  //stroke(51, 136, 255);

  stroke(random(51,59), random(112,136), random(80,255));

  line(0 + x, -130 + y, 0 + x , 1000);

  stroke(random(51,59), random(112,136), random(80,255));

  line(30 + x, -130 + y, 30 + x , 1000);

  stroke(random(51,59), random(112,136), random(80,255));

  line(-30 + x, -130 + y, -30 + x , 1000);

  stroke(random(51,59), random(112,136), random(80,255));

  line(60 + x, -130 + y, 60 + x , 1000);

  stroke(random(51,59), random(112,136), random(80,255));

  line(-60 + x, -130 + y, -60 + x , 1000);

  stroke(random(51,59), random(112,136), random(80,255));

  line(90 + x, -130 + y, 90 + x , 1000);

  stroke(random(51,59), random(112,136), random(80,255));

  line(-90 + x, -130 + y, -90 + x , 1000);

​

}