Genuary 18: Definitely not a Grid [Variation 1]

// Font is La Belle Aurore, from Google Fonts, released under SIL Open Fonts Licence

​

var gB, fullRes, windowRes;

var requiredFrames = 360;

var notAGridXDimension, notAGridYDimension, renderFrame, font;

​

function setup() {

  windowRes = min(windowWidth, windowHeight);

  createCanvas(windowRes, windowRes);

  imageMode(CENTER);

  gB = createGraphics(fullRes = 2048, fullRes);

  noSmooth();

  gB.noSmooth();

  gB.colorMode(HSB, 360);

  gB.rectMode(CENTER);

  gB.fill(360);

  initiate();

}

​

function preload() {

  font = loadFont('LaBelleAurore-Regular.ttf');

}

​

function initiate() {

  renderFrame = frameCount + 1;

  notAGridXDimension = 2 + floor(random(8));

  notAGridYDimension = 2 + floor(random(8));

}

​

function randPow(multiplier, min, max, power) {

  for (var i = 0; i < power; i += 1) {

    multiplier *= random(min, max);

  }

  return multiplier;

}

​

function draw() {

  if (renderFrame === frameCount || frameCount === 1) {

    gB.clear();

    gB.resetMatrix();

    gB.translate(fullRes * 0.5, fullRes * 0.4);

    gB.fill(270);

    gB.noStroke();

    var notAGridSizeX = fullRes * 0.5 / notAGridXDimension - 16;

    var notAGridSizeY = fullRes * 0.5 / notAGridYDimension - 16;

    for (var i = 0; i < notAGridXDimension + 1; i += 1) {

      for (var j = 0; j < notAGridYDimension + 1; j += 1) {

        gB.push();

        gB.translate(notAGridSizeX * 0.5, notAGridSizeY * 0.5);

        gB.rotate(i * j * 0.01 * random(-1, 1) * randPow(1, 2));

        gB.translate(notAGridSizeX * -0.5, notAGridSizeY * -0.5);

        gB.rect(map(i, 0, notAGridXDimension, fullRes * -0.25, fullRes * 0.25), map(j, 0, notAGridYDimension, fullRes * -0.25, fullRes * 0.25), notAGridSizeX, notAGridSizeY);

        gB.pop();

      }

    }

    gB.fill(0);

    gB.textSize(128);

    gB.textFont(font);

    gB.textAlign(CENTER, CENTER);

    gB.text("Ceci n'est pas une grille", 0, fullRes * 0.425);

  }

  background(360);

  displayBuffer(gB);

}

​

function mouseClicked() {

  initiate();

}

​

function keyPressed() {

  if (key === "r") {

    windowRes = 512;

    resizeCanvas(512, 512);

    saveGif('export', requiredFrames, {

      delay: 0,

      units: "frames"

    });

  }

  if (key === "s") {

    saveCanvas();

  }

}

​

function displayBuffer(buffer) {

  image(buffer, windowRes / 2, windowRes / 2, windowRes, windowRes);

}

​

function windowResized() {

  windowRes = min(windowWidth, windowHeight);

  resizeCanvas(windowRes, windowRes);

}