Untitled 2

Translated by Hugh Kennedy

Based on: Untitled 2 by Vladimir Bonacic

Category: direct

Uses the "Munching Square" hack: http://en.wikipedia.org/wiki/Munching_square i.e. a plot of y = x XOR t, for multiple values of t.

        
/*
Part of the ReCode Project (http://recodeproject.com)
Based on "Untitled 2" by Vladimir Bonacic
Originally published in "Computer Graphics and Art" vol2 no3, 1977
Copyright (c) 2012 Hugh Kennedy - OSI/MIT license (http://recodeproject/license).
*/

//(Examples of four consecutive patters generated by the 'Dynamic Object'...)

// Uses the "Munching Square" hack:
// http://en.wikipedia.org/wiki/Munching_square
// i.e. a plot of y = x XOR t, for multiple values of t.

let columns = 32;
let rows = 32;
let margin = 32;
let padding = 8;
let squareWidth = 8;
let squareHeight = 8;

let tValues = [
  [ 1, 2, 3, 4, 5, 6, 7, 9, 10, 11, 12, 26, 9000 ],
  [ 0, 31, 94, 93, 91, 90, 89, 9000, 8, 9, 10, 11, 28, 33, 34, 35, 36, 37, 38, 39 ],
  [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 900, 12010, 12011 ],
  [ 5, 6, 19, 18 ]
];

function drawGrid(gridX, gridY, squares) {
  stroke(0);
  fill(0);

  rect(
    gridX - padding,
    gridY - padding,
    squareWidth * columns + padding * 2,
    squareHeight * rows + padding * 2
  );

  fill(255);

  let t, y;

  for (let i = 0, l = squares.length; i < l; i += 1) {
    t = squares[i];

    for (let x = 0; x < columns; x += 1) {
      y = (x ^ t) % rows;

      rect(
        gridX + x * squareWidth,
        gridY + y * squareHeight,
        squareWidth,
        squareHeight
      );
    }
  }
}

function setup() {
  createCanvas(
    2 * columns * squareWidth + 3 * margin,
    2 * rows * squareHeight + 3 * margin
  );
  noLoop();
}

function draw() {
  background(255);
  for (let i = 0; i < tValues.length; i += 1) {
    drawGrid(
      (i % 2) * (columns * squareWidth + margin) + margin,
      floor(i / 2) * (rows * squareHeight + margin) + margin,
      tValues[i]
    );
  }
}