​

let numRects = 15;

​

function setup() {

  createCanvas(400, 400);

  background(220);

  slider = createSlider(2, 30, 10);

}

​

function keyPressed(key) {

  if (keyCode == 32) {

    generate();

  }

}

​

​

​

​

function generate() {

  let numRects = slider.value();

  background(220);

​

  var color1 = color(random(255), random(255), random(255));

  var color2 = color(random(255), random(255), random(255));

​

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

    let interColor = lerpColor(color1, color2, i / (numRects - 1));

    fill(interColor);

    noStroke(0);

    rect((i * width) / numRects, 0, width / numRects, height);

  }

}

​