código de tetris criado durante a live

tetris.js

const canvas = document.getElementById('board');
const ctx = canvas.getContext('2d');

ctx.scale(36, 36);

const piece = {
  x: 3,
  y: 0,
  matrix: [
    [0, 0, 0],
    [1, 1, 1],
    [0, 1, 0],
  ],
  rotate() {
    this.matrix = this.matrix.map((line, i) =>
      line.map((_, j) =>
        this.matrix[j][i] 
      ).reverse()
    );
  }
};

function renderPiece(piece) {
  piece.matrix.forEach((line, i) => {
    line.forEach((square, j) => {
      ctx.fillStyle = 'yellow';
      square && ctx.fillRect(piece.x + j, piece.y + i, 1, 1);
    });
  });
}

let baseTime = 0;
function renderBoard(time = 0) {
  ctx.clearRect(0, 0, 360, 720);
  renderPiece(piece);
  if(time - baseTime >= 1000) {
    baseTime = time;
    piece.y++;
  }
  requestAnimationFrame(renderBoard);
}

window.addEventListener('keydown', ({ keyCode }) => {
  switch (keyCode) {
    case 39:
      piece.x++;
      break;
    case 37:
      piece.x--;
      break;
    case 32:
      piece.rotate();
      break;
  }
});

renderBoard();