createCanvas(600, 600);

  strokeWeight(2);

}

​

function draw() {

  background(255);

  let partWidth = width / 6;

​

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

    let startX = i * partWidth;

    let endX = startX + partWidth;

​

    if (i % 4 == 0) {

      drawHorizontalLines(startX, endX);

      drawVerticalLines(startX, endX);

    } else if (i % 4 == 1) {

      drawHorizontalLines(startX, endX);

      drawDiagonalRightLines(startX, endX);

    } else if (i % 4 == 2) {

      drawHorizontalLines(startX, endX);

      drawDiagonalLeftLines(startX, endX);

    } else {

      drawVerticalLines(startX, endX);

      drawDiagonalRightLines(startX, endX);

    }

  }

}

​

function drawHorizontalLines(startX, endX) {

  for (let y = 0; y <= height; y += 20) {

    line(startX, y, endX, y);

  }

}

​

function drawVerticalLines(startX, endX) {

  for (let x = startX; x <= endX; x += 20) {

    line(x, 0, x, height);

  }

}

​

function drawDiagonalRightLines(startX, endX) {

  for (let y = -height; y <= height; y += 20) {

    line(startX, y, endX, y + height);

  }

}

​

function drawDiagonalLeftLines(startX, endX) {

  for (let y = 0; y <= 2 * height; y += 20) {

    line(startX, y, endX, y - height);

  }

}

​