Genuary 22: Shadows

var gB, fullRes, windowRes;

var requiredFrames = 360;

​

function setup() {

  windowRes = min(windowWidth, windowHeight);

  createCanvas(windowRes, windowRes);

  imageMode(CENTER);

  gB = createGraphics(fullRes = 2048, fullRes);

  gB.drawingContext.shadowOffsetX = 32;

  gB.drawingContext.shadowOffsetY = 32;

  gB.drawingContext.shadowBlur = 32;

  gB.drawingContext.shadowColor = 'black';

  gB.colorMode(HSB, 360);

  gB.rectMode(CENTER);

  gB.fill(360);

  noLoop();

}

​

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

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

    multiplier *= random(min, max);

  }

  return multiplier;

}

​

function draw() {

  gB.clear();

  gB.resetMatrix();

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

  gB.noStroke();

  var squares = 16;

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

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

      gB.push();

      var xPos = map(i, 0, squares - 1, fullRes * -0.4, fullRes * 0.4);

      var yPos = map(j, 0, squares - 1, fullRes * -0.4, fullRes * 0.4);

      gB.translate(xPos, yPos);

      gB.translate(fullRes / squares / 4, fullRes / squares / 4);

      gB.rotate(map(i * j, 0, (squares - 1) * (squares - 1), 0, TAU));

      gB.translate(fullRes / squares / -4, fullRes / squares / -4);

      gB.rect(0, 0, fullRes / squares / 2, fullRes / squares / 2);

      gB.pop();

    }

  }

  background(360);

  displayBuffer(gB);

}

​

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);

}