createCanvas(400, 400);

    let r = random(255);

  let g = random(255);

  let gamet = random(100, 200);

  let b = random(255);

      xy = (r,g,b);

}

​

function draw() {

  let g = random(255);

  angle = mouseY/100;

  angle2 = mouseY/50;

  let mousee = mouseY;

  let r = random(255);

  let b = random(255);

  background('#FAFFAF');

  fill(r,b,g);

  randShape(); //crazyshape

  centerCirc(); //center circles

  translate(width/2, height/2);

  rotate(angle);  

  circs(100,'#FF5A5A');

  resetMatrix();

  translate(width/2, height/2);

  rotate(angle2);  

  circs(300,'#FF5A5A');   

  resetMatrix();

  translate(width, height/2);

  rotate(angle); 

  circs(300,'blue');  

  resetMatrix();

  translate(width, height/2);

  rotate(angle2); 

  circs(100,'blue');

  stroke(0)

  resetMatrix();

  translate(width/2, height);

  circs(100,'#FF5A5A');

  stroke(0);

  resetMatrix();

  translate(width/2, height);

  rotate(angle2); 

  circs(300,'blue');

  resetMatrix();

}

  function randShape(){ //crazy moving shape

  beginShape();

  vertex(random(0,400), random(0,400));

  bezierVertex(random(0,400), random(0,400), random(0,400), random(0,400),  random(0,400), random(0,400)); //bezierVertex(x2, y2, x3, y3, x4, y4)

  endShape();

  }

  function centerCirc(){ //center circle

  fill('#FAFFAF')

  circle(200, 200, 250)

     // fill('#D2E4FB')

  fill(xy);

  circle(200, 200, 20) //greyscale circle

  }

  function circs(ys, col){ //? and orange circles

  fill('#FFD75A')

  circle(200, ys, 170)

  fill(col)

  circle(200, ys, 150)

  }

​

​