​

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background(142, 191, 219, 200);

  stroke(83, 127, 160, 200);

  noFill();

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

    myRipples[i].display();

  }

}

​

​

​

​

​

class ripple {

  constructor(x, y, time) {

    this.x = x;

    this.y = y;

    this.time = time;

  }

​

  display() {

    ellipse(this.x, this.y, (millis() - this.time - 20.0)*0.8);

    ellipse(this.x, this.y, (millis() - this.time - 40.0)*0.8);

    ellipse(this.x, this.y, (millis() - this.time - 80.0)*0.8);

    ellipse(this.x, this.y, (millis() - this.time - 160.0)*0.8);

    ellipse(this.x, this.y, (millis() - this.time - 320.0)*0.8);

  }

}

​

​

function mousePressed() {

  myRipples.push(new ripple(mouseX, mouseY, millis()));

}

​

​