createCanvas(800, 800);

}

​

function draw() {

  background(255);

  noFill();

  // divide the square into 4 equal parts

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

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

      push();

      stroke(0, i*j*30)

      translate(i * width / 4, j * height / 4);

      drawLines();

      pop();

    }

  }

  noLoop();

}

​

function drawLines() {

  // draw lines in 4 directions with progressive length

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

    let len = (i + 1) * width / 8;

    line(-len, -len, len, len);

    line(-len, len, len, -len);

    line(-len, 0, len, 0);

    line(0, -len, 0, len);

  }

}

​