​

  var a = random(148, 212);

  var b = random(169, 190);

  var c = random(132, 212);

​

  createCanvas(500, 800);

  background(a, b, c);

  frameRate(1)

  noLoop()

  rectMode(CENTER)

​

}

​

function draw() {

​

translate (-10, -10)

  for (var i = 50; i < 500; i = i + 60) {

    for (var j = 50; j < 800; j = j + 60) {

      noStroke()

      var r = random(0, 255); //red range is higher

      var g = random(0, 255); //green range is lower

      var b = random(0, 255); //blue range is in the middleish

      fill(r, g, b, 200);

      rect(i, j, random(20, 50), random(10, 70));

      var r = random(60, 240); //high red range

      var g = random(200, 255); //small green range

      var b = random(200, 255); //small blue range

      fill(r, g, b);

      circle(i+random(i, i*random(0,5)), j, random(5, 70)); //allows the bottom circle to be placed in a different x coordinate

​

      var r = random(0, 150); //low red range

      var g = random(0, 150); // high green range

      var b = random(0, 150);

      fill(r, g, b);

      stroke("white")

      circle(i, j, random(20, 40) / random(0.5, 5));

​

    }

  }

​

}