如何确定任意大小的等轴测图的大小？

Question

我已经设法使用 SpriteKit 和 Swift 通过编写我自己的 .TMX 解析器来加载和显示等距地图。正交贴图效果很好，但这是我第一次使用等距贴图，数学让我很困惑。

我的图块是 64x32，地图可以是任意大小。

理想情况下，我希望地图的最左边（[0, maxRow] 处的图块）位于 x 轴上的零处，而 may 的最底部边缘（[ 处的图块） maxCol, maxRow]) 位于 0 y 轴上。

地图的原点是顶部的图块。 X 从上到右，Y 从上到左。

SpriteKit 也有一个反转的 y 轴。下面的代码是我如何根据它们的坐标定位图块，并使用屏幕上的位置检索它们。此代码工作正常。

因此，为了偏移位置校正以便我可以将地图放置在我想要的位置，我需要能够找到任意大小的等距地图的宽度和高度，但我不知道从哪里开始。

  func positionForCoord(col: Int, _ row: Int) -> (x: CGFloat, y: CGFloat) {

    var x: CGFloat = 0
    var y: CGFloat = 0

    x = (CGFloat(col - row) * CGFloat(tileSize.width)) / 2
    y = (CGFloat(col + row) * -CGFloat(tileSize.height)) / 2

    return (x, y)
}

  func coordForPosition(x: CGFloat,_ y: CGFloat) -> (col: Int, row: Int) {

    var col: Int = 0
    var row: Int = 0

    let tileWidthHalved = CGFloat(tileSize.width) / 2
    let tileHeightHalved = CGFloat(tileSize.height) / 2

    col = Int(floor(((x / tileWidthHalved) - ((y - tileHeightHalved) / tileHeightHalved)) / 2))
    row = Int(ceil(((((y - tileHeightHalved) / -tileHeightHalved) - (x / tileWidthHalved)) / 2)))


    return (col, row)
}

Answer 1

由于您使用 Tiled 对其进行了标记，因此开始的一种方法是查看 Tiled 的源代码以了解其计算方式。 isometricrenderer.cpp:

中只有这么一小段代码

QSize IsometricRenderer::mapSize() const
{
    // Map width and height contribute equally in both directions
    const int side = map()->height() + map()->width();
    return QSize(side * map()->tileWidth() / 2,
                 side * map()->tileHeight() / 2);
}

为了理解它，我通常在纸上画一小块等轴测图，看看它的边界是如何从它的图块大小导出的。您会看到，对于每个额外的图块行，地图边界的增长量与每个额外的图块列的量相同。而且数量正好是瓷砖尺寸的一半。

如何确定任意大小的等轴测图的大小？

How can I determine the size of an Isometric map of any size?

sprite-kit

isometric

tiled