Rain

    x = 80;

    y = 70;

​

    x1 = 550;

    y1 = 150;

​

  x2 = 1080;

y2 = 40;

​

function setup() {

  createCanvas(windowWidth, 700);

  background(0,185,228,100);

  noStroke();

  fill(255,255,255,60);

  ellipse(100,0,windowWidth,200);

  ellipse(windowWidth,80,windowWidth,350);

​

  for(let j=0;j<500;j++){

    w = random(width);

    h = random(50,height);

    r = random(10,250);

    g = random(10,255);

    b = random(10,255);

    a = random(50,190);

    fill(r,g,b,a);

    triangle(w-5, h, w+5, h, w, h-20);

    arc(w, h, 10, 10, 0, PI, PIE);

  }

}

​

function draw() {

    fill(255,255,255);

    //cloud1

    ellipse(x, y, 100, 80);

    ellipse(x+50, y-20, 80, 80);

    ellipse(x+120, y, 100, 90);

    ellipse(x-50, y+50, 100, 120);

    ellipse(x+40, y+50, 140, 150);

    ellipse(x+140, y+50, 140, 120);

    //cloud2

    ellipse(x1, y1, 100, 80);

    ellipse(x1+50, y1-20, 80, 80);

    ellipse(x1+120, y1, 100, 90);

    ellipse(x1-50, y1+50, 100, 120);

    ellipse(x1+40, y1+50, 140, 150);

    ellipse(x1+140, y1+50, 140, 120);

  //cloud3

    ellipse(x2, y2, 100, 80);

    ellipse(x2+50, y2-20, 80, 80);

    ellipse(x2+120, y2, 100, 90);

    ellipse(x2-50, y2+50, 100, 120);

    ellipse(x2+40, y2+50, 140, 150);

    ellipse(x2+140, y2+50, 140, 120);

}