createCanvas(400, 400);

  background(255);

}

​

function mousePressed() {

  generate(220);

}

​

function generate() {

  // come up with two colors

  var r0 = random(255);

  var g0 = random(255);

  var b0 = random(255);

​

  var r1 = random(255);

  var g1 = random(255);

  var b1 = random(255);

  var r, g, b;

​

  background(255);

  noStroke();

  var jitter = 20;

  for (let i = 0; i < 1000; i++) {

    var a = 255;

    var y = random(500);

    if (random(1) < y/400) {

      r = r0 + random(-jitter, jitter);

      g = g0 + random(-jitter, jitter);

      b = b0 + random(-jitter, jitter);

      fill(r, g, b, a);

    } else {

      r = r1 + random(-jitter, jitter);

      g = g1 + random(-jitter, jitter);

      b = b1 + random(-jitter, jitter);

      fill(r, g, b, a);

    }

​

    circle(random(400), y, random(10,20));

  }

}

​