How to write a Tetris game

[plh97]

Online Tetris link

Tetris

how to describe?

2D Array like this

[
    0b0000000000, 
    0b0000000000, 
    0b0000000000, 
    0b0000000000, 
    0b0000000000,
    0b0000000000, 
    0b0000000000, 
    0b0000000000, 
    0b0000000000, 
    0b0000000000,
    0b0000000000, 
    0b0000000000, 
    0b0000000000, 
    0b0000000000, 
    0b0000000000,
    0b0000000000, 
    0b0000000000, 
    0b0000000000, 
    0b0000000000, 
    0b0000000000,
]

Move left

0b0000000000 >> 1

Move right

0b0000000000 << 1

Move down

export function moveDown(blocks: number[]) {
    const newArr = [...blocks];
    newArr.unshift(0b0000000000);
    newArr.pop();
    return newArr;
}

Remove

blocks = EMPTY_BLOCK

Rotate

export function rotateMatrix(matrix: number[][]) {
  const len = matrix.length;
  const temp: number[][] = [];
  for (var i = 0; i < len; i++) {
      for (var j = 0; j < len; j++) {
          var k = len - 1 - j;
          if (!temp[k]) {
              temp[k] = [];
          }
          temp[k][i] = matrix[i][j];
      }
  }
  return temp;
}

export function rotateBlock(blocks: number[]) {
  // 1. from '0000110000' to [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
  const matrix = blocks.map((block) => binaryFmt(block).map(Number));
  let temp: number[][] = [];
  // 2. get minimal square matrix
  const { top, left, bottom, right } = getBoundary(matrix);
  // 3. rotate this matrix
  const len = Math.max(bottom - top, right - left) + 1;
  const newMatrix = matrix
      .filter((_, i) => {
          return i >= top && i < len + top;
      })
      .map((row) => {
          return row.filter((_, i) => {
              return i >= left && i < len + left;
          });
      });
  temp = rotateMatrix(newMatrix);
  const x = top;
  const y = left;
  for (let i = 0; i < len; i++) {
      for (let j = 0; j < len; j++) {
          matrix[i + x][j + y] = temp[i][j];
      }
  }
  // 4. assign back
  return matrix.map((row) => string2Binary(row.join("")));
}

Add block

function addBlock(blocks: number[]) {
  const newArr = [...EMPTY_BLOCK];
  newArr[0] = 0b0000110000;
  newArr[1] = 0b0000110000;
  return newArr;
}

Reference

俄罗斯方块实现思路【渡一教育】