let bubble2;

​

function setup() {

  createCanvas(400, 400);

  bubble1=new Bubble(200,200);

  bubble2=new Bubble(300,200,50);

}

​

function draw() {

  background(0);

  let d=dist(bubble1.x,bubble1.y,bubble2.x,bubble2.y)

  if (d< bubble1.r + bubble2.r){

  background(200,0,100);

  }

//   if(bubble1.intersects(bubble2)){

//     background(200,0,100);

//   }

  bubble1.show();

  bubble2.show();

  bubble1.move();

  bubble2.move();

}

class Bubble {

  constructor(x,y,r=20){

    this.x=x;

    this.y=y;

    this.r=r;

    // this.brightness=0;

 }

   show(){

    stroke(255);

    strokeWeight(4);  

    // fill(this.brightness,125);

    noFill()

    ellipse(this.x,this.y,this.r*2);

 }

  move(){

    this.x=this.x+random(-2,2);

    this.y=this.y+random(-2,2);

  }

  // changeColor(bright){

  //   this.brightness=bright;

  // }

  // intersects(other){

  //   let d=dist(this.x,this.y,other.x,other.y);

  //   // return(d<this.r+other.r);

  // if(d<this.r+other.r){

  //   return true;

  // } else {

  //   return false;

  // }

  // }

}