​

​

function setup() {

  createCanvas(600, 700);

  background('rgba(25,21,65,0.85)');

  //this is on the left side

  fill('yellow')

  circle(60, 70, 30);

  fill('pink');

  circle(65, 140, 60);  

​

  fill('rgb(236,186,92)');

  circle(100, 450, 50);

   fill('pink');

  circle(30, 530, 20);

  fill('rgb(30,183,233)');

  circle(55, 560, 30);

  //shapes with strokes needed

   fill('black');

  stroke('yellow');

  circle(15, 570, 15);

    fill('rgb(224,184,224)');

  stroke('white');

  strokeWeight(2);

  circle(30, 400, 60);

  noStroke();

   fill('black');

  circle(40, 390, 20);

   fill('rgb(14,14,161)');

  stroke('white');

  strokeWeight(4);

  circle(300, 350, 350);

  noStroke();

  fill('black');

  circle(245, 300, 200);

   fill('black');

  stroke('yellow');

  strokeWeight(2);

  circle(123, 350, 10);

   fill('rgba(148,12,127,0.91)');

  stroke('black');

  strokeWeight(2);

  circle(135, 425, 12);

  //shapes with strokes end here

  noStroke();

   fill('pink');

  circle(155, 425, 9);

 fill('rgb(245,70,70)');

  circle(100, 505, 50); 

  fill('rgba(250,250,26,0.56)');

  circle(75, 500, 50);

  fill('rgba(250,128,22,0.69)');

  circle(125, 509, 50);

  fill('rgba(240,77,8,0.69)');

  circle(125, 470, 50);

  fill('rgba(156,156,252,0.69)');

  circle(220, 509, 60);

   fill('#7BB8E9DD');

  circle(220, 490, 60);

   fill('rgb(245,189,13)');

  circle(230, 590, 30);

  fill('black');

  circle(200, 536, 10);

   fill('rgba(247,172,34,0.82)');

  circle(280, 450, 50);

  fill('rgba(0,0,255,0.71)');

  circle(300, 375, 25);

  fill('rgba(181,245,181,0.79)');

  circle(339, 350, 50);

  fill('rgba(252,113,137,0.83)'); 

  circle(340, 540, 40);

  fill('rgba(255,215,0,0.71)'); 

  circle(320, 500, 95);

  fill('rgba(173,216,230,0.8)'); 

  circle(290, 575, 80);

  fill('black');

  circle(320, 540, 10);

  fill('rgba(241,67,241,0.59)'); 

  circle(320, 200, 80);

  fill('rgb(238,238,124)'); 

  circle(430, 170, 40);

  fill('rgba(25,192,128,0.64)'); 

  circle(460, 230, 80);

  fill('rgba(189,227,239,0.95)');

  circle(530, 555, 80);

  //stroke for the right side starts here// 

  fill("black");

  stroke('rgba(46,148,182,0.91)');

  strokeWeight(3);

  circle(460, 230, 15);

   fill('blue');

  stroke('rgba(204,236,247,0.92)');

  strokeWeight(1);

  circle(550, 470, 15);

  fill('rgb(27,235,235)');

  stroke('white');

  strokeWeight(3);

  circle(510, 555, 25); 

  //stroke ends here// 

  //right side

  noStroke();

  fill('rgb(224,165,54)'); 

  circle(520, 170, 30);

  fill('red');

  circle(530, 130, 15);

 fill('#E0B26E');

  circle(480, 550, 30);

  fill('red');

  circle(530, 520, 9);

  fill('black');

  circle(540, 520, 7);

  fill('rgb(211,171,8)');

  circle(573, 560, 10);

  fill('#6175E6');

  circle(540, 660, 15);

  fill('red');

  circle(495, 640, 18);

  fill('rgb(219,219,42)');

  circle(515, 615, 10);

  save('Several Circles by Wassily.png');

}

​