javascript棋盘游戏棋子放置

Question

我正在用java脚本编写一个棋盘游戏，我想要完成的是:布局棋盘(国际象棋/跳棋格式)，然后根据位置将棋子添加到棋盘上。例如，我希望能够为将 block a 移动到图 block 10 上编写代码。

到目前为止，在我的代码中，我有一个循环来创建棋盘，但没有正确命名图 block 的方法，以便可以将棋子正确地放置在图 block 上。

for (i=0; i<64; i++){
    var tile = cc.Sprite.create(res.myTile_png);
    this.addChild(tile,0);
    x = centerpos.x + ((i % 8) - 3.5) * tile.getBoundingBox().width;
    y = centerpos.y + (Math.floor(i / 8) - 3.5) * tile.getBoundingBox().height;
    tile.setPosition(x,y);
}

Answer 1

实现此目的的一种方法是为游戏中的每个不同棋子分配一个唯一的整数标识符，然后维护一个等于棋盘上的行数 x 列数的维度矩阵，其值为矩阵中正确地址中的棋子标识符与其在棋盘上的位置相对应。

例如，棋子中棋子的起始排列可以表示为:

[
  [  0, -1,  0, -1,  0, -1,  0, -1 ],
  [ -1,  0, -1,  0, -1,  0, -1,  0 ],
  [  0, -1,  0, -1,  0, -1,  0, -1 ],
  [  0,  0,  0,  0,  0,  0,  0,  0 ],
  [  0,  0,  0,  0,  0,  0,  0,  0 ],
  [  1,  0,  1,  0,  1,  0,  1,  0 ],
  [  0,  1,  0,  1,  0,  1,  0,  1 ],
  [  1,  0,  1,  0,  1,  0,  1,  0 ]
]

例如，-1 代表白色棋子，1 代表棋盘上的红色棋子。

棋盘的图 block 元素也可以保存在一个矩阵中，以便两个矩阵可以一起迭代以将图 block 放置在相应的位置。

唯一的 ID 还可以用作 CSS 类名或图像文件名，附加到代表该片段的元素。