HSB curves

let frame;

let x, y;

let ttop, bottom, run, height, direction;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

  colorMode(HSB);

  frame = 0;

  frameRate(30);

  ellipseMode(RADIUS);

  ttop = 300;

  bottom = windowHeight - 300;

  height = windowHeight - 600;

  x = windowWidth/2;

  y = ttop;

  direction = 'down';

}

​

function draw() {

  drawBackground();

}

​

function drawBackground() {

  var colors = [color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100)), color(random(0, 360), random(0, 100), random(0, 100))];

  var colorLength = colors.length;

  for(var i = 0; i < colorLength; i++) {

    stroke(colors[i]);

    fill(colors[i]);

    curve(random(0, windowWidth), random(windowHeight), random(0, windowWidth), random(windowHeight), random(0, windowWidth), random(windowHeight), random(0, windowWidth), random(windowHeight));

  }

}