const canvasWidth = 600;

const canvasHeight = 300;

const columns = 5;

const rows = 3;

​

function setup() {

  createCanvas(canvasWidth, canvasHeight);

  background(255);

  strokeWeight(3);

}

​

function draw() {

  // Calculate the size of each grid cell

  const cellWidth = canvasWidth / columns;

  const cellHeight = canvasHeight / rows;

​

  // Iterate over the grid

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

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

      // Calculate the cell's x and y positions

      const x = j * cellWidth;

      const y = i * cellHeight;

​

      // Calculate the index in the 3x5 grid and draw the corresponding lines

      const index = i * columns + j;

      switch (index) {

        case 0:

          line(x, y + cellHeight / 2, x + cellWidth, y + cellHeight / 2); // horizontal

          break;

        case 1:

          line(x + cellWidth / 2, y, x + cellWidth / 2, y + cellHeight); // vertical

          break;

        case 2:

          line(x, y + cellHeight, x + cellWidth, y); // 45º diagonal left

          break;

        case 3:

          line(x, y, x + cellWidth, y + cellHeight); // 45º diagonal right

          break;

        case 4:

          // horizontal + vertical

          line(x, y + cellHeight / 2, x + cellWidth, y + cellHeight / 2);

          line(x + cellWidth / 2, y, x + cellWidth / 2, y + cellHeight);

          break;

        case 5:

          // horizontal + 45º diagonal left

          line(x, y + cellHeight / 2, x + cellWidth, y + cellHeight / 2);

          line(x, y + cellHeight, x + cellWidth, y);

          break;

        case 6:

          // horizontal + 45º diagonal right

          line(x, y + cellHeight / 2, x + cellWidth, y + cellHeight / 2);

          line(x, y, x + cellWidth, y + cellHeight);

          break;

        case 7:

          // vertical + 45º diagonal left

          line(x + cellWidth / 2, y, x + cellWidth / 2, y + cellHeight);

          line(x, y + cellHeight, x + cellWidth, y);

          break;

        case 8:

          // vertical + 45º diagonal right

          line(x + cellWidth / 2, y, x + cellWidth / 2, y + cellHeight);

          line(x, y, x + cellWidth, y + cellHeight);

          break;

        case 9:

          // 45º diagonal left + 45º diagonal right

          line(x, y + cellHeight, x + cellWidth, y);

          line(x, y, x + cellWidth, y + cellHeight);

          break;

        case 10:

          // horizontal + vertical + 45º diagonal left

                    line(x, y + cellHeight / 2, x + cellWidth, y + cellHeight / 2);

          line(x + cellWidth / 2, y, x + cellWidth / 2, y + cellHeight);

          line(x, y + cellHeight, x + cellWidth, y);

          break;

        case 11:

          // horizontal + vertical + 45º diagonal right

          line(x, y + cellHeight / 2, x + cellWidth, y + cellHeight / 2);

          line(x + cellWidth / 2, y, x + cellWidth / 2, y + cellHeight);

          line(x, y, x + cellWidth, y + cellHeight);

          break;

        case 12:

          // horizontal + 45º diagonal left + 45º diagonal right

          line(x, y + cellHeight / 2, x + cellWidth, y + cellHeight / 2);

          line(x, y + cellHeight, x + cellWidth, y);

          line(x, y, x + cellWidth, y + cellHeight);

          break;

        case 13:

          // vertical + 45º diagonal left + 45º diagonal right

          line(x + cellWidth / 2, y, x + cellWidth / 2, y + cellHeight);

          line(x, y + cellHeight, x + cellWidth, y);

          line(x, y, x + cellWidth, y + cellHeight);

          break;

        case 14:

          // horizontal + vertical + 45º diagonal left + 45º diagonal right

          line(x, y + cellHeight / 2, x + cellWidth, y + cellHeight / 2);

          line(x + cellWidth / 2, y, x + cellWidth / 2, y + cellHeight);

          line(x, y + cellHeight, x + cellWidth, y);

          line(x, y, x + cellWidth, y + cellHeight);

          break;

        default:

          break;

      }

    }

  }

​

  // Stop the draw loop after rendering the grid

  noLoop();

}

​

​