rhizome

var cWidth = 600; 

var cHeight = 600; 

var columns = 20;

var rows = 20;

var showGrid = false;

​

var columnWidth = cWidth/columns;

var rowHeight = cHeight/rows;

var halfColumnWidth = columnWidth/2;

var halfRowHeight = rowHeight/2;

​

​

/*

 0: horizontal lines

 1: vertical lines

 2: cross

 3: arcs with center at lower left

 4: arcs with center at upper left

 5: arcs with center at upper right

 6: arcs with center at lower right

 7: dead end from right

 8: dead end from bottom

 9: dead end from left

 10: dead end from top

 11: 2 horizontal lines and 1 curve at lower left

 12: 2 horizontal lines and 1 curve at upper left

 13: 2 horizontal lines and 1 curve at upper right

 14: 2 horizontal lines and 1 curve at lower right

*/

​

var data = [];

​

var bestMatches = [

  [

  [0, 2, 3, 4, 9], [0, 3, 6, 7, 8, 9] // 0 on the left, 0 on the top

  ], [

  [1, 5, 6, 7, 8, 10], [1, 2, 4, 5, 10] // 1 on the left, 1 on the top

  ], [

  [0, 2, 3, 4, 9], [1, 2, 4, 5, 10] // 2 on the left, 2 on the top

  ], [

  [1, 5, 6, 4, 8, 10], [1, 2, 4, 5, 10] // 3 on the left, 3 on the top

  ], [

  [1, 5, 6, 7, 8, 10], [0, 3, 6, 7, 8, 9] // 4 on the left, 4 on the top

  ], [

  [0, 2, 3, 4, 9], [0, 3, 6, 7, 8, 9] // 5 on the left, 5 on the top

  ], [

  [0, 2, 3, 4, 9], [1, 2, 4, 5, 10] // 6 on the left, 6 on the top

  ], [

  [0, 2, 3, 4, 9], [0, 3, 6, 7, 8, 9] // 7 on the left, 7 on the top

  ], [

  [1, 5, 6, 7, 8, 10], [1, 2, 4, 5, 10] // 8 on the left, 8 on the top

  ], [

  [1, 5, 6, 7, 8, 10], [0, 3, 6, 7, 8, 9] // 9 on the left, 9 on the top

  ], [

  [1, 5, 6, 7, 8, 10], [0, 3, 6, 7, 8, 9] // 10 on the left, 10 on the top

  ]

];

​

function setup() {

  background(255);

  createCanvas(cWidth, cHeight);

​

  // init data

  for (var j=0; j<rows; j++) {

    data[j] = [];

  }

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

    for (var j=0; j<rows; j++) {

      var commons = [];

      if (i > 0) {

        if (j > 0) {

          commons = getCommonItems(bestMatches[data[j-1][i]][1], bestMatches[data[j][i-1]][0]);

        } else {

          commons = bestMatches[data[j][i-1]][0];

        }

      } else {

        if (j > 0) {

          commons = bestMatches[data[j-1][i]][1];

        }

      }

      if (commons.length) {

        data[j][i] = commons[Math.floor(Math.random()*commons.length)];

      } else {

        data[j][i] = Math.floor(Math.random()*7);

      }

    }

  }

}

​

function draw() {

  stroke (255, 0, 0);

  strokeWeight(3);

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

    for (var j=0; j<rows; j++) {

      switch(data[j][i]) {

      case 0:

        setLine(i*columnWidth + halfColumnWidth, j*rowHeight + halfRowHeight, 0);

        break;

      case 1:

        setLine(i*columnWidth + halfColumnWidth, j*rowHeight + halfRowHeight, 1);

        break;

      case 2:

        setCross(i*columnWidth + halfColumnWidth, j*rowHeight + halfRowHeight);

        break;

      case 3:

        setArc(i*columnWidth + halfColumnWidth, j*rowHeight + halfRowHeight, 0);

        break;

      case 4:

        setArc(i*columnWidth + halfColumnWidth, j*rowHeight + halfRowHeight, 1);

        break;

      case 5:

        setArc(i*columnWidth + halfColumnWidth, j*rowHeight + halfRowHeight, 2);

        break;

      case 6:

        setArc(i*columnWidth + halfColumnWidth, j*rowHeight + halfRowHeight, 3);

        break;

      case 12:

        setLineCurve(i*columnWidth + halfColumnWidth, j*rowHeight + halfRowHeight, 1);  

        break;

      case 13: 

        setLineCurve(i*columnWidth + halfColumnWidth, j*rowHeight + halfRowHeight, 2);

        break;

      case 14:

        setLineCurve(i*columnWidth + halfColumnWidth, j*rowHeight + halfRowHeight, 3);

        break;

      }

    }

  }

  stroke(255, 0, 0); 

  if(showGrid) drawGrid();

}

​

function setLine(x, y, o) {

  if (o==0) {

    line(x-halfColumnWidth, y-halfRowHeight/2, x+halfColumnWidth, y-halfRowHeight/2);

    stroke(255, 0, 0);

    line(x-halfColumnWidth, y, x+halfColumnWidth, y);

    stroke(0, 255, 0);

    line(x-halfColumnWidth, y+halfRowHeight/2, x+halfColumnWidth, y+halfRowHeight/2);

    stroke(0, 0, 255);

  } else {

    line(x-halfColumnWidth/2, y-halfRowHeight, x-halfColumnWidth/2, y+halfRowHeight/2);

    stroke(255, 0, 0);

    line(x, y-halfRowHeight, x, y+halfRowHeight/2);

    stroke(0, 255, 0);

    line(x+halfColumnWidth/2, y-halfRowHeight, x+halfColumnWidth/2, y+halfRowHeight/2);

    stroke(0, 0, 255);

  }

}

​

function setCross(x, y) {

  noFill();

  line(x-halfColumnWidth, y, x+halfColumnWidth, y);

  stroke(255, 0, 0);

  line(x, y-halfRowHeight, x, y+halfRowHeight);

  stroke(255, 0, 0);

  line(x-halfColumnWidth, y-halfRowHeight/2, x+halfColumnWidth, y-halfRowHeight/2);

  stroke(0, 255, 0);

  line(x-halfColumnWidth, y+halfRowHeight/2, x+halfColumnWidth, y+halfRowHeight/2);

  stroke(0, 255, 0);

}

​

function setArc(x, y, o) {

  noFill();

  switch(o) {

  case 0: 

    arc(x-halfColumnWidth, y+halfRowHeight, columnWidth/2, rowHeight/2, 3*PI/2, 0);

    stroke(255, 0, 0);

    arc(x-halfColumnWidth, y+halfRowHeight, columnWidth, rowHeight, 3*PI/2, 0);

    stroke(0, 255, 0); 

    arc(x-halfColumnWidth, y+halfRowHeight, 3*columnWidth/2, 3*rowHeight/2, 3*PI/2, 0);

    stroke(0, 0, 255);

    break; 

  case 1:

    arc(x-halfColumnWidth, y-halfRowHeight, columnWidth/2, rowHeight/2, 0, PI/2);

    stroke(255, 0, 0);

    arc(x-halfColumnWidth, y-halfRowHeight, columnWidth, rowHeight, 0, PI/2);

    stroke(0, 255, 0);

    arc(x-halfColumnWidth, y-halfRowHeight, 3*columnWidth/2, 3*rowHeight/2, 0, PI/2);

    stroke(0, 0, 255);

    break;

  case 2:

    arc(x+halfColumnWidth, y-halfRowHeight, columnWidth/2, rowHeight/2, PI/2, PI);

    stroke(255, 0, 0);

    arc(x+halfColumnWidth, y-halfRowHeight, columnWidth, rowHeight, PI/2, PI);

    stroke(0, 255, 0);

    arc(x+halfColumnWidth, y-halfRowHeight, 3*columnWidth/2, 3*rowHeight/2, PI/2, PI);

    stroke(0, 0, 255);

    break;

  case 3:

    arc(x+halfColumnWidth, y+halfRowHeight, columnWidth/2, rowHeight/2, PI, 3*PI/2);

    stroke(255, 0, 0);

    arc(x+halfColumnWidth, y+halfRowHeight, columnWidth, rowHeight, PI, 3*PI/2);

    stroke(0, 255, 0);

    arc(x+halfColumnWidth, y+halfRowHeight, 3*columnWidth/2, 3*rowHeight/2, PI, 3*PI/2);

    stroke(0, 0, 255);

    break;

  }

}

​

function setDeadEnd(x, y, o) {

  switch(o) {

  case 0:

    line(x+halfColumnWidth, y, x, y);

    stroke(255, 0, 0);

    line(x, y-halfRowHeight, x, y+halfRowHeight);

    stroke(0, 255, 0);

    break;

  case 1:

    line(x, y+halfRowHeight, x, y);

    stroke(0, 255, 0);

    line(x-halfColumnWidth, y, x+halfColumnWidth, y);

    stroke(0, 0, 255);

    break;

  case 2:

    line(x-halfColumnWidth, y, x, y);

    stroke(0, 0, 255); 

    line(x, y-halfRowHeight, x, y+halfRowHeight);

    stroke(255, 0, 0);

    break;

  case 3:

    line(x, y-halfRowHeight, x, y);

    stroke(255, 0, 0);

    line(x-halfColumnWidth, y, x+halfColumnWidth, y);

    stroke(0, 255, 0);

    break;

  }

}

​

function setLineCurve(x, y, o) {

  noFill();

  switch(o) {

  case 0: 

    line(x-halfColumnWidth, y-halfRowHeight/2, x+halfColumnWidth, y-halfRowHeight/2);

    stroke(255, 0, 0);

    line(x-halfColumnWidth, y, x+halfColumnWidth, y);

    stroke(0, 255, 0);

    arc(x-halfColumnWidth, y+halfRowHeight, 3*columnWidth/2, 3*rowHeight/2, 3*PI/2, 0);

    stroke(0, 0, 255);

    break; 

  case 1:

    line(x-halfColumnWidth, y-halfRowHeight/2, x+halfColumnWidth, y-halfRowHeight/2);

    stroke(255, 0, 0);

    line(x-halfColumnWidth, y, x+halfColumnWidth, y);

    stroke(0, 255, 0);

    arc(x-halfColumnWidth, y-halfRowHeight, 3*columnWidth/2, 3*rowHeight/2, 0, PI/2);

    stroke(0, 0, 255);

    break;

  case 2:

    line(x-halfColumnWidth, y-halfRowHeight/2, x+halfColumnWidth, y-halfRowHeight/2);

    stroke(255, 0, 0);

    line(x-halfColumnWidth, y, x+halfColumnWidth, y);

    stroke(0, 255, 0);

    arc(x+halfColumnWidth, y-halfRowHeight, 3*columnWidth/2, 3*rowHeight/2, PI/2, PI);

    stroke(0, 0, 255);

    break;

  case 3:

    line(x-halfColumnWidth, y-halfRowHeight/2, x+halfColumnWidth, y-halfRowHeight/2);

    stroke(255, 0, 0);

    line(x-halfColumnWidth, y, x+halfColumnWidth, y);

    stroke(0, 255, 0);

    arc(x+halfColumnWidth, y+halfRowHeight, 3*columnWidth/2, 3*rowHeight/2, PI, 3*PI/2);

    stroke(0, 0, 255);

    break;

  }

}

​

function getCommonItems(a, b) {

  var common = [];

  for (var i = 0; i < a.length; i++) {

    if (b.indexOf(a[i]) > -1) common.push(a[i]);

  }

  return common;

}

​

function mousePressed() {

  setup(); 

}

​

function keyPressed() {

    saveFrames("screen-####.jpg");

}