var num = 3;

var globalBackgroundClicked = false;

​

function setup() {

  createCanvas(600, 400);

    for(let i=0; i<num; i++){

    bubbles[i] = new Bubble();

  }

}

​

function draw() {

  background(255);  

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

    bubbles[i].createBubble();

    bubbles[i].moveBubble();

    let d = dist(mouseX, mouseY, bubbles[i].x,bubbles[i].y);

        if(d<=bubbles[i].r){

            bubbles[i].c =200;

        } else {

        bubbles[i].c = 100;

        }

  }

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

    if(bubbles[i].dead){

      bubbles.splice(i,1);

      bubbles.pop();

    } 

  }

}

​

function mousePressed() {

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

    bubbles[i].clicked();

  }

    bubbles.push(new Bubble(mouseX, mouseY));

}