//Learn how to make rain drop from https://editor.p5js.org/amandamje/sketches/ByMkKkV0

//Thanks to the help of resident Seho

​

var rain = [];

var rainingNow = true;

var bgcolor = (100, 100, 100);

​

function setup() {

  createCanvas(600, 600);

  //frameRate(60);

  for (i = 0; i < 100; i++) {

    rain[i] = new Rain(random(50, 550), random(0, -3000));

  }

}

​

function draw() {

  background(bgcolor);

  flower();

  ground();

  //Rain();

  //console.log(mouseX, mouseY);

​

  //Check if it's raining or sunny

  if (rainingNow == true) {

    //background(100);

    for (i = 0; i < rain.length; i++) {

      rain[i].dropRain();

      rain[i].splash();

    }

  } else {

    drawSun();

    //background(160,209,230); 

  }

}

​

function ground() {

  //noStroke();

  fill(170, 150, 146, 240);

  rect(0, 530, 600, 530);

}

​

function Rain(x, y) {

  this.x = x;

  this.y = y;

  //this.gravity = 9.8;

  this.length = 15;

  this.r = 0;

  this.opacity = 200;

​

​

  this.dropRain = function() {

    noStroke();

    fill(255);

    //rect(this.x, this.y,3,15);

    ellipse(this.x, this.y, 3, this.length);

    this.y = this.y + 6 //+ frameCount/60;

    if (this.y > 540) {

      this.length = this.length - 5;

      //this.y= random(0,-100);

    }

    if (this.length < 0) {

      this.length = 0;

    }

  }

​

  this.splash = function() {

    strokeWeight(2);

    //stroke(245, 200/frameCount);

    stroke(245, this.opacity);

    noFill();

    if (this.y > 540) {

      ellipse(this.x, 550, this.r * 2, this.r / 2);

      this.r++;

      this.opacity = this.opacity - 10;

​

      //keep the rain dropping

      if (this.opacity < 0) {

        this.y = random(0, -100);

        this.length = 15;

        this.r = 0;

        this.opacity = 200;

      }

    }

  }

}

​

 //function drawFlower(R,G,B,A,C){

​

//   push();

//   R = random(230,255);

//   G = random(170,210);

//   B = random(150,230);

//   //T = random(180,200);

//   A = 100 * random(1,5);

//   C = random(370,440);

​

//   for(var f = 0; f< 6; f++){

​

//   fill(R, G, B);

//   translate(A, C);

//   noStroke();

//   //rotate(radians(frameCount / 2));

//   for (var r1 = 0; r1 < 10; r1++) {

//     if (frameCount <= 600) {

//       ellipse(0, 10 + frameCount / 20, 10 + frameCount / 40, 20 + frameCount / 20);

//       //stroke(100);

//       //line(0,10+frameCount/20,0,10);

//     }

//     if (frameCount > 600) {

//       ellipse(0, 40, 25, 50);

//       //line(0,40,0,10);

//     }

//     rotate(PI / 5);

//   }

//   }

//   pop();

//}

​

​

function flower() {

  //drawFlower();

  //flower1

  for (var r11 = 0; r11 < 10; r11++) {

    stroke(85,107,47,20);

    strokeWeight(3);

    if (frameCount <= 600) {

      line(400, 550, 400, 400 + frameCount / 10);

    }

    if (frameCount > 600) {

      line(400, 550, 400, 460);

    }

    noStroke();

  }

​

  push();

  fill(230, 190, 230, 240);

  translate(400, 400);

  noStroke();

  //rotate(radians(frameCount / 2));

  for (var r1 = 0; r1 < 10; r1++) {

    if (frameCount <= 600) {

      ellipse(0, 10 + frameCount / 20, 10 + frameCount / 40, 20 + frameCount / 20);

    }

    if (frameCount > 600) {

      ellipse(0, 40, 25, 50);

    }

    rotate(PI / 5);

  }

  pop();

​

​

  //flower2

  for (var r21 = 0; r21 < 10; r21++) {

    stroke(85,107,47,20);

    strokeWeight(3);

    if (frameCount <= 600) {

      line(300, 580, 300, 430 + frameCount / 10);

    }

    if (frameCount > 600) {

      line(300, 580, 300, 490);

    }

    noStroke();

  }

  push();

  fill(235, 194, 204, 240);

  translate(300, 430);

  noStroke();

​

  for (var r2 = 0; r2 < 10; r2++) {

    if (frameCount <= 600) {

      ellipse(0, 10 + frameCount / 20, 10 + frameCount / 40, 20 + frameCount / 20);

    }

    if (frameCount > 600) {

      ellipse(0, 40, 25, 50)

    }

    rotate(PI / 5);

  }

  pop();

  //flower3

   for (var r31 = 0; r31 < 10; r31++) {

    stroke(85,107,47,20);

    strokeWeight(3);

    if (frameCount <= 600) {

      line(180, 535, 180, 390 + frameCount / 10);

    }

    if (frameCount > 600) {

      line(180, 535, 180, 435);

    }

    noStroke();

  }

  push();

  fill(245, 204, 174, 240);

  translate(180, 385);

  noStroke();

  for (var r3 = 0; r3 < 10; r3++) {

    if (frameCount <= 600) {

      ellipse(0, 10 + frameCount / 20, 10 + frameCount / 40, 20 + frameCount / 20);

    }

    if (frameCount > 600) {

      ellipse(0, 40, 25, 50)

    }

    rotate(PI / 5);

  }

  pop();

​

  //flower4

     for (var r41 = 0; r41 < 10; r41++) {

    stroke(85,107,47,20);

    strokeWeight(3);

    if (frameCount <= 600) {

      line(510, 575, 510, 425 + frameCount / 10);

    }

    if (frameCount > 600) {

      line(510, 575, 510, 485);

    }

    noStroke();

  }

  push();

  fill(245, 174, 154, 240);

  translate(510, 425);

  noStroke();

  for (var r4 = 0; r4 < 10; r4++) {

    if (frameCount <= 600) {

      ellipse(0, 10 + frameCount / 20, 10 + frameCount / 40, 20 + frameCount / 20);

    }

    if (frameCount > 600) {

      ellipse(0, 40, 25, 50)

    }

    rotate(PI / 5);

  }

  pop();

​

  //flower5

     for (var r51 = 0; r51 < 10; r51++) {

    stroke(85,107,47,20);

    strokeWeight(3);

    if (frameCount <= 600) {

      line(70, 600, 70, 450 + frameCount / 10);

    }

    if (frameCount > 600) {

      line(70, 600, 70, 510);

    }

    noStroke();

  }

  push();

  fill(245, 174, 184, 240);

  translate(70, 450);

  noStroke();

  for (var r5 = 0; r5 < 10; r5++) {

    if (frameCount <= 600) {

      ellipse(0, 10 + frameCount / 20, 10 + frameCount / 40, 20 + frameCount / 20);

    }

    if (frameCount > 600) {

      ellipse(0, 40, 25, 50)

    }

    rotate(PI / 5);

  }

  pop();

}

​

​

function mousePressed() {

  //background(160,209,230);

  rainingNow = false;

  //Change to blue sky

  bgcolor = (160, 209, 230);

}

​

function drawSun() {

​

  fill(245, 187, 87);

  stroke(245, 187, 87);

  ellipse(0, 0, 60, 60);

  line(0, -60, 0, -40);

  line(0, 40, 0, 60);

  line(-45, -45, -30, -30);

  line(45, -45, 30, -30);

  line(-60, 0, -40, 0);

  line(40, 0, 60, 0);

  line(-45, 45, -30, 30);

  line(45, 45, 30, 30);

  noFill();

}