鉴于我知道等距菱形地图坐标，如何确定单击了哪个图块？

Question

我的瓦片引擎即将推出。它可以绘制正方形、六边形和等距交错视点。我遇到困难的是等距旋转（或菱形）视点。下面是一张 10x10 菱形地图的图片以及用于绘制它的（简化）代码。瓷砖的尺寸为 128x64。

http://garrypettet.com/images/forum_images/5% 20col%20x%205%20rows.png

for row = 0 to rowLimit

  for column = 0 to columnLimit

    x = column * (TileWidth/2) + (row * (TileWidth/2)) + Origin.X
    y = (column * (TileHeight/2)) - (row * (TileHeight/2)) + Origin.Y

    // Draw the tile's image
    buffer.Graphics.DrawPicture(Tiles(column, row).Image, x, y)

  next column

next row

// Draw the buffer to the canvas
g.DrawPicture(buffer, 0, 0)

我知道这将绘制整个 Tiles() 的内容，而不仅仅是屏幕上可见的内容，但我试图首先了解基础知识。

我想不出一种将地图上的 x,y 坐标转换为平铺列、行坐标的简单方法。我尝试逆向：

x = column * (TileWidth/2) + (row * (TileWidth/2)) + Origin.X
y = (column * (TileHeight/2)) - (row * (TileHeight/2)) + Origin.Y

计算出给定 x 和 y 的列和行，并想出了这个：

column = ((x/2) - (Origin.X/2) + y + Origin.Y) / TileHeight
row = ((x/2) - (Origin.X/2) - y - Origin.Y) / TileHeight

但这似乎不起作用。有人能想出更好的方法来做到这一点吗？有没有更好的方法将矩形网格转换为菱形并再次转换回来（鉴于我对矩阵知之甚少......）。

谢谢，

Answer 1

我不确定我能否理解您的问题的详细信息，但如果您只是想根据 column 求解 x 和 y 的公式code> 和 row，那么

column=(x + y - (Origin.X + Origin.Y))/TileWidth
row = (x - y - (Origin.X - Origin.Y))/TileHeight

获得这些表达式的最简单方法是首先添加 x 和 y 的表达式，然后求解 列，然后减去它们并求解行。