Gradated Balls

function setup() {

  createCanvas(innerWidth, innerHeight);

  background(255);

  noLoop();

}

​

function draw(){

  noStroke();

  rectMode(CENTER);

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

    let x = random(width/2);

    let y = random(height);

    let size = random((width-x)/30);

    let num = 50;

    let r = random(127,255);

    let g = random(0,255);

    let b = random(0,31);

    let t = 50;

    drawEllipse(x, y, size, num, r, g, b, t);

    x = random(width/2)+width/2;

    y = random(height);

    size = random(x/30);

    r = random(0,127);

    g = random(0,255);

    b = random(127,255);

    drawEllipse(x, y, size, num, r, g, b, t);

  }

}

​

function drawEllipse(x, y, size, num, r, g, b, t) {

  gradVal = 255 / num;

  steps = size / num;

  for (i = 0; i < num; i++) {

    fill(i * gradVal + r, i * gradVal + g, i * gradVal + b, t);

    ellipse(x, y, size - i * steps, size - i * steps);

  }

}