var R = 350;

var r = 0;

var b = 255;

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(0);

  noStroke()

  r = map(R, 0, 400, 20, 200);

  b = map(R, 0, 400, 200, 20);

  background(r, 0, b);

  //left circles

  ellipseMode(CENTER);

  fill(204, 158, 230, 75);

  ellipse(L, 50, 40, 40);

  ellipse(L, 100, 40, 40);

  ellipse(L, 150, 40, 40);

  ellipse(L, 200, 40, 40);

  ellipse(L, 250, 40, 40);

  ellipse(L, 300, 40, 40);

  ellipse(L, 350, 40, 40);

  L = L + 2

​

  //right circles

​

  fill(249, 235, 121, 75);

  ellipse(R, 75, 40, 40);

  ellipse(R, 125, 40, 40);

  ellipse(R, 175, 40, 40);

  ellipse(R, 225, 40, 40);

  ellipse(R, 275, 40, 40);

  ellipse(R, 325, 40, 40);

  R = R - 2

​

}