javascript - 如何在 p5.js 中旋转俄罗斯方块？

Question

我将俄罗斯方块表示为：

var jPiece = [
    [ true, false, false ],
    [ true, true,  true]
    ];

这是 L 形的部分，其中 false 代表空虚。一旦它旋转，它应该看起来像

var jPiece = [
    [false, true],
    [false, true],
    [true, true],
]

我有一个这样写的旋转函数：

function rotate1(L) {
    var result = [];
    var a;
    for (var col = 1; col < (L[0].length) +1; col++) {
        //print("yeet");
        var result1 = [];
        for (var row = 0; row < L.length; row++) {
            a = L[row][L.length - col];
            result1.push(a);
            print(a);

        }
        result.push(result1);
    }
    return result;
}

function rotateFallingPiece() {
    fallingPiece = rotate1(fallingPiece);

    fallingPieceCols = fallingPiece[0].length;
    if (fallingPieceIsLegal == false) {
        for (var i = 0; i < 3; i ++) {
            fallingPiece = rotate1(fallingPiece);
            fallingPieceCols = fallingPiece[0].length;
        }
    }
    print(fallingPiece);
}

但是，当我在俄罗斯方块上运行 rotate1(L) 时，它不会旋转整个块，即其中一些丢失了。请帮忙！

标签： javascripttetris

Answer 1

我认为你的指数不匹配。此外，您可以在旋转之前一次性创建新数组。

一个正常运转的逆时针旋转：

function rotate1(L) {
  let result = Array.from(L[0], x => Array.from(L, y => false));
  for (let col = 0; col < L[0].length; col++) {
    for (let row = 0; row < L.length; row++) {
      result[col][row] = L[row][L[0].length - col - 1];
    }
  }
  return result;
}

顺时针匹配：

function rotate1(L) {
  let result = Array.from(L[0], x => Array.from(L, y => false));
  for (let col = 0; col < L[0].length; col++) {
    for (let row = 0; row < L.length; row++) {
      result[col][row] = L[L.length - row - 1][col];
    }
  }
  return result;
}

更简洁：

function rotate1(L) {
  return Array.from(L[0], (x, col) => 
    Array.from(L, (y, row) =>
      L[row][L[0].length - col - 1]
    ));
}

和

function rotate1(L) {
  return Array.from(L[0], (x, col) => 
    Array.from(L, (y, row) =>
      L[L.length - row - 1][col]
    ));
}