function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  var c = color(80, 148, 217);

  background(c);

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

    if (ripples[i].diam < width * 1.5) {ripples[i].draw();}

    else {ripples.splice(i, 1);}

  }

}

function mouseClicked(){

  var num_rips = random(0, 6);

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

    ripples.push(new Ripple( random(0, width / 5), mouseX, mouseY,));

  }

}

class Ripple {

  constructor(diam, px = 200, py = 200) {

    this.px = px;

    this.py = py;

    this.diam = diam;

  }

  draw() {

    push();

    strokeWeight(2);

    stroke('white');

    noFill();

    ellipse(this.px, this.py, this.diam);

    this.diam = this.diam + 1;

    pop();

​

    }    

}

​