​

let bubbles = [];

function setup() {

  createCanvas(400, 400);

}

​

function mouseDragged(){

  let r = random(10,50);

  let b = new Bubble (mouseX,mouseY, r);

  bubbles.push(b);

}

​

function draw() {

  background(0);

  for( let bubble of bubbles){

    bubble.move();

    bubble.show();

  }

}

​

class Bubble{

  constructor(x,y,r){

    this.x =x;

     this.y= y;

     this.r= r;

  }

   move(){

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

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

   }

​

   show(){

   stroke(255,50);

   strokeWeight(4);

   fill(255,50);

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

   }

}