After Mondrian III

let crossPoint;

let hue = 0;

let proportionOfWhite = 0.618;

​

let delta;

let topLeftToBottomRight = true;

​

function setup() {

  createCanvas(400, 400);

  frameRate(1);

  colorMode(HSB, 360, 100, 100, 100);

  background(0, 0, 100, 100);

  noStroke();

}

​

function draw() {

  crossPoint = createVector(random(width), random(height));

  delta = 5 * random(1) * random(1);

  if (topLeftToBottomRight){

    if (random(1) > proportionOfWhite){

​

    }

    fill(randomColor(proportionOfWhite));

    rect(0, 0, crossPoint.x, crossPoint.y)

    fill(randomColor(proportionOfWhite));

    rect(crossPoint.x, crossPoint.y, width, height);

    cross(crossPoint, delta);

    topLeftToBottomRight = false;

  } else {

    fill(randomColor(proportionOfWhite));

    rect(crossPoint.x, 0, width, crossPoint.y)

    fill(randomColor(proportionOfWhite));

    rect(0, crossPoint.y, crossPoint.x, height);

    cross(crossPoint, delta);

    topLeftToBottomRight = true;

  }

}

​

function randomColor(proportionOfWhite){

  let palette = [10, 50, 210];

  if (random(1) > proportionOfWhite){

    return color(palette[int(random(3))], 100, 100, random(1) * random(100));

  } else {

    return color(0, 0, 100, random(100));

  }

}

​

function cross(crossPoint, thickness){

  strokeWeight(thickness);

  stroke(0, 0, 0);

  line(0, crossPoint.y, width, crossPoint.y);

  line(crossPoint.x, 0, crossPoint.x, height);

  noStroke();

}

​

​