let ripple1;

​

let bkr; //background red value

let bkg; //background green value

let clicked = false;

​

function setup() {

  createCanvas(600, 400);

  //changes the background with each run of the program:

  bkr = random(0, 255);

  bkg = random(0, 255);

  background(bkr, bkg, 255);

}

​

function draw() {

  background(bkr, bkg, 255);

  if (clicked == true) {

    ripple0.display();

    ripple0.grow();

    ripple1.display();

    ripple1.grow();

  }

}

​

​

function mouseClicked() {

  if (clicked == false) clicked = true;

  clickX = mouseX;

  clickY = mouseY;

  ripple0 = new Ripple(clickX, clickY, 10, 10);

  ripple1 = new Ripple(clickX, clickY, 0, 0);

  //ripple1 = new Ripple(clickX*2, clickY*2, 0, 0); //for 2 ripples in diff positions

}

​

​