Maze

index.html

<canvas id='canvas' width='800' height='800'></canvas>

maze.markdown

Maze

Simple example of https://generativeartistry.com/tutorials/tiled-lines/

A Pen by Gazzell on CodePen.

License.

script.js

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const width = canvas.width;
const height = canvas.height;
const size = 20;

function drawRandomDiagonal(x, y) {
  const start0 = Math.random() >= 0.5;
  if (start0) {
    ctx.moveTo(x, y);
    ctx.lineTo(x + size, y + size);
  } else {
    ctx.moveTo(x, y + size);
    ctx.lineTo(x + size, y);
  }
  ctx.stroke();
}

ctx.lineWidth = 2;
for (let x = 0; x < width; x += size) {
  for (let y = 0; y < height; y += size) {
    drawRandomDiagonal(x, y);
  }
}