let bubble2;

​

function setup() {

  createCanvas(400, 400);

  bubble1=new Bubble(200,200);

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

}

​

function draw() {

  background(0);

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

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

    background(200,0,100);

  }

  bubble1.show();

  bubble2.show();

  bubble1.move();

  bubble2.move();

}

class Bubble {

  constructor(x,y,r=50){

    this.x=x;

    this.y=y;

    this.r=r;

    this.brightness=0;

 }

   show(){

    stroke(255);

    strokeWeight(4);  

    fill(this.brightness,125);

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

 }

  move(){

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

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

  }

  changeColor(bright){

    this.brightness=bright;

  }

}