week8.1

let gSize = 100;

let midLine;

let showRefLines = false;

​

function setup() {

  createCanvas(600, 600);

  background(255);

​

  noLoop();

}

​

function draw() {

  background(255);

​

  //pattern();

​

  for(let i = 0; i < 6; i++) {

    for(let j = 0; j < 6; j++) {

      let x  = i * gSize;

      let y  = j * gSize;

      push();

      translate(x,y);

      pattern();

      pop();

    }

  }

}

​

function pattern() {

​

    midLine = gSize / 2;

  if (showRefLines == true) {

    // Draw a mini canvas for pattern

    rect(0, 0, gSize, gSize);

​

    stroke(255, 0, 0);

    line(0, midLine, gSize, midLine);

​

    line(midLine, 0, midLine, gSize);

  }

​

​

  strokeWeight(8);

  stroke(0, 0, 0);

  noFill();

​

  beginShape();

  vertex(0, midLine / 2);

  vertex(midLine / 2, midLine / 2);

  vertex(midLine, midLine);

  vertex(gSize, midLine);

  endShape();

​

​

  // second Line at the bottom left

  beginShape();

  vertex(0, midLine);

  vertex(midLine, gSize);

  endShape();

​

​

  // third Line at the top-right

  beginShape();

  vertex(midLine, 0);

  vertex(gSize - midLine / 2, midLine / 2);

  vertex(gSize, midLine / 2);

  endShape();

  // fourth Line at the bottom-right

  beginShape();

  vertex(midLine, gSize);

  vertex(gSize, midLine + midLine / 2);

  vertex(gSize, gSize);

  endShape();

  // fifth Line at the top-left

  beginShape();

  vertex(0, 0);

  vertex(midLine / 2, 0);

  vertex(0, midLine / 2);

  endShape();

}

​