How to use nested loops for a p5.js pyramid?

1
2
3
4
5
6
7
8
9

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  let rows = 5; // number of rows of the pyramid
  let spacing = 20; // spacing between each block
  let blockSize = 40; // size of each block

1
2
3
4
5
6
7

  for (let i = 0; i < rows; i++) {
    for (let j = 0; j <= i; j++) {
      let x = width/2 - (blockSize/2) * (i+1) + j * blockSize;
      let y = height - (rows-i) * blockSize - i * spacing;
      rect(x, y, blockSize, blockSize);
    }
  }

1
2

  fill(0);
  noStroke();

1

}