Spork Editor

/*
Mondrian Grid
This example uses recursion to draw a Mondrian style
grid. When the mondrianSplit function is called on 
a rectangle with corder at (x,y), width w, and height h,
one of three things happens:

1) If both w and h are small, a rectangle is drawn.
2) If the rectangle is taller than it is wide, the
rectangle is split into two vertical components. 
The function mondrianSplit is called on each of these.
3) If the rectangle is wider than it is tall, it is
split into two horizontal components.
*/

function mondrianSplit(x,y,w,h){
  var tolerance=20;		//defines "small"
  var W, H;				//new Width and Height
  						//for recursive call
  
  //draw rectangle if w and h are both small
  if ((w<tolerance) && (h<tolerance)){
    rect(x,y,w,h);
  }
  //if tall, divide height
  else if (w<h){
    H=random()*h;					//new height
    mondrianSplit(x,y,w,H);			//top rect
    mondrianSplit(x,y+H, w, h-H);	//bottom rect
  }
  //if short, divide width
  else{
    W=random()*w;					//new width
    mondrianSplit(x,y,W,h);			//left rect
    mondrianSplit(x+W,y,w-W,h);		//right rect
  }
}
function setup(){
  //no special setup needed
}
function draw(){
  //split entire canvas
  mondrianSplit(0,0,width,height);
}