var img

function preload(){

  img=loadImage('bean.png');

}

​

function setup() {

  createCanvas(640, 360);

}

​

function draw() {

  background(0);

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

    drops[i].fall();

    drops[i].show();

    drops.splice(0,1)

  }

​

​

}

​

function mousePressed() {

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

      drops[i] = new Drop();

       }

​

}

​

function Drop() {

  this.x = random(width);

  this.y = random(-500, -50);

  this.z = random(0, 20);

  this.len = map(this.z, 0, 20, 10, 20);

  this.yspeed = map(this.z, 0, 20, 1, 20);

​

  this.fall = function() {

    this.y = this.y + this.yspeed;

    var grav = map(this.z, 0, 20, 0, 0.2);

    this.yspeed = this.yspeed + grav;

​

    if (this.y > height) {

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

      this.yspeed = map(this.z, 0, 20, 4, 10);

    }

  };

​

  this.show = function() {

    var thick = map(this.z, 0, 20, 1, 3);

​

    image(img,this.x, this.y,50,50);

  };

}