let step = 0.0;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function draw() {

  let noiseValue = map(noise(step), 0, 1, 100, 255);

​

  background(184, noiseValue, 243);

  noStroke();

  let number_of_shapes = map(sin(frameCount/2), -1, 1, 5, 100);

  for (var x = 0; x < 10; x++){    

  //  translate(0, noiseValue);

    angleMode(DEGREES);

    rotate(PI / map(sin(frameCount/2), -1, 1, 1, 10));

    for (var i = 0; i < number_of_shapes; i++){

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

​

      if (i % 2 == 1){

rotate(map(i, 0, 30, 0.1, 1));

​

        fill(255-(i*2), 209, 253-(i*2), 200);

        ellipse(width/2 + (i*10), height/2 + (i*10), size-(i*10), size);

      } else if (i % 2 == 0){

rotate(map(i, 0, 30, 0.1, 2));

          fill(255-(i*2), 255-(i*2), 194, 200);

          ellipse(width/2 - (i*10), height/2 - (i*10), size, size-(i*5));

      }

    }

  }

  step += 0.05;

}