​

let bubbles = []

​

function setup() {

  createCanvas(800,720);

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

​

  bubbles[i] = new Bubble(random(20,600), random(40,700),random(100));

  }

}

​

function draw() {

  background(220);

if (bubbles[0].overlaps(bubbles[1])){

background(0,20,0);

fill(240,random(255),random(100,190));

ellipse(width/2, height/2,130,130);

ellipse(width/2, height/2,200,200);

ellipse(random(500), height/2,100,100);

fill(random(100),10,90);

ellipse(width/2,500,70,70);

ellipse(319, 550,300,300);

ellipse(280, random(120),100,100);

ellipse(200, 100,30,30);

ellipse(700, height/2,150,150);

ellipse(319, random(550),100,100);

fill(230,10,200);

ellipse(200, 100,30,30);

ellipse(750, height/2,150,150);

ellipse(100, 700,300,300);

bubbles[4].display();

​

bubbles[3].x = width/2;

bubbles[2].y = random(700);

bubbles[1].r=15;

bubbles[5].display();

bubbles[9].display();

​

}

​

if(bubbles[0].overlaps(bubbles[3])){

background(200,0,200);

fill(10,200,50);

ellipse(200, 100,50,50);

ellipse(random(450), 700,100,100);

ellipse(500, height/2,100,100);

ellipse(width/2,500,70,70);

fill(200,230,100,100);

ellipse(319, 550,300,300);

ellipse(random(100),550,100,100);

ellipse(319, random(50),30,30);

ellipse(319, 550,100,100);

ellipse(500,random(500),70,70);

ellipse(200, 100,30,30);

bubbles[8].display();

bubbles[0].y = 450;

bubbles[1].r = 70;

bubbles[1].x = random(300);

bubbles[5].display();

bubbles[9].display();

bubbles[9].x = 250;

​

bubbles[2].y=random(20,90);

}

​

if(bubbles[4].overlaps(bubbles[0])){

background(0,190,random(0,70));

fill(0);

ellipse(200, 100,50,50);

ellipse(random(450), 700,100,100);

ellipse(500, height/2,100,100);

ellipse(width/2,500,70,70);

fill(200,230,100,100);

ellipse(319, 550,300,300);

ellipse(319, 550,100,100);

ellipse(500,500,70,70);

ellipse(200, 100,30,30);

bubbles[8].display();

​

bubbles[0].y = 450;

bubbles[1].r = 70;

bubbles[1].x = 400;

bubbles[5].display();

bubbles[9].display();

bubbles[9].x = 250;

}

if (bubbles[2].overlaps(bubbles[1])){

background(233,random(100),233);

fill(70,random(30),200);

ellipse(250, random(300),100,100);

ellipse(width/2,520,100,100);

ellipse(60, height/2,150,150);

noFill();

stroke(2);

ellipse(width/3, random(660),70,70);

ellipse(500,130,70,70);

ellipse(width/2, 100,30,30);

ellipse(random(700), 100,30,30);

bubbles[8].display();

​

bubbles[2].r=random(80);

bubbles[1].r=110;

bubbles[3].x = 600;

​

bubbles[7].display();

​

}

​

if (bubbles[2].overlaps(bubbles[3])){

background(70,170,random(190));

fill(200,30,random(200),100);

 ellipse(250, 300,100,100);

ellipse(width/2, height/2,200,200);

ellipse(40, 310,150,150);

ellipse(319, random(550),100,100);

fill(random(255),210,10);

ellipse(500,500,110,110);

ellipse(width/2, 550,90,90);

​

bubbles[0].r=random(90);

bubbles[1].y = 600;

bubbles[2].r = 100;

​

bubbles[4].display();

bubbles[5].display();

​

bubbles[1].r=50;

bubbles[3].r = 90;

bubbles[6].display();

bubbles[9].display();

}

​

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

bubbles[i].display();

bubbles[i].moveX();

bubbles[i].moveY();

}

   // console.log(bubbles[0].x)

}