After Mondrian IV

let crossPoint;

let hue=0;

let proportionOfWhite= 0.382;

​

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() {

  if(topLeftToBottomRight) {

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

    delta= 5 * random(1);

    fill(randomColor(proportionOfWhite));

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

    fill(randomColor(proportionOfWhite));

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

    topLeftToBottomRight = false;

  } else {

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

    delta= 5* random(1);

    fill(randomColor(proportionOfWhite));

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

    fill(randomColor(proportionOfWhite));

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

    topLeftToBottomRight = true;

  }

}

​

function randomColor(proportionOfWhite) {

  if(random(1)>proportionOfWhite) {

    return color((230+ random(190))%360,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 ,width);

  noStroke();

} 

​

​