​

​

function setup() {

  createCanvas(600, 400);

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

    // let x=20+100*i;

    // bubbles[i]=new Bubble(x,200,20);

    let x=random(width);

    let y=random(height);

    let r=random(10,40);

    bubbles[i]=new Bubble(x,y,r);

  }

}

​

function draw() {

  background(0);

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

  bubbles[i].move();

  bubbles[i].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);

    // strokeWeight(4);

    // noFill();

    noStroke();

    fill(255,10);

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

  }

}