hexagonal-tiles - 在轴坐标中生成 HoneyComb 六边形图案

Question

我正在寻找 am 算法来使用轴向坐标生成像这样的六边形 HoneyComb：

但我只设法在 Cube 坐标中找到生成器。

我提出这个问题只是为了分享我的解决方案。

Answer 1

这将生成六角螺旋图案的所有 r*(r-1)*3+1 瓷砖。该方法的一个缺点是它假设您将形状放置在 (0,0) 处。

   public void makeHoneyComb(int radius){

    makeCell(ta, 0, 0);
    for (int r = 0; r > -radius; r--)
        for (int q = -r - 1; q > -radius - r; q--)
            makeCell( q, r);

    for (int r = 1; r < radius; r++)
        for (int q = 0; q > -radius; q--)
            makeCell( q, r);

    for (int q = 1; q < radius; q++)
        for (int r = -q; r < radius - q; r++)
            makeCell( q, r);
    }

这是基于这样一个事实，像这样的形状可以分成 3 个相似的矩形和中心部分。

Answer 2

我想在 JavaScript 中使用类似的东西，所以我在这里修改了代码，现在这里是 JS 版本：

function makeHoneyComb(rings) {

  var cells = [];

  cells.push({
    c: 0,
    r: 0,
  });

  for (r = 0; r > -rings; r--) {
    for (c = -r - 1; c > -rings - r; c--) {
      cells.push({ c: c, r: r });
    }
  }

  for (r = 1; r < rings; r++) {
    for (c = 0; c > -rings; c--) {
      cells.push({ c: c, r: r });
    }
  }

  for (c = 1; c < rings; c++) {
    for (r = -c; r < rings - c; r++) {
      cells.push({ c: c, r: r });
    }
  }

  return cells;
}

var honeyCombArray = makeHoneyComb(3);