c# - 等距，仅在屏幕图 block 上绘制

Question

我只需要在屏幕上绘制图 block 以提高性能。执行此操作的可行方法是什么？

我试过这个使我接近但最终遇到了一个我似乎无法解决的错误。

//world position to start drawing from
        int sPosX = (int)(cam.Position.X - (device.Viewport.Width / 2));
        int sPosY = (int)(cam.Position.Y - (device.Viewport.Height / 2));

        //tile position to start drawing from
        int sTileX = (int)((sPosX + (2*sPosY) - (Map.TileWidth/2)) / Map.TileWidth -1);
        int sTileY = (int)((sPosX - (2 * sPosY) - (Map.TileHeight / 2)) / -Map.TileWidth - 1);

        //amount of rows/collumns to draw
        int rowCount = (int)(device.Viewport.Height / (Map.TileHeight / 2) + 2);
        int colCount = (int)(device.Viewport.Width / Map.TileWidth + 2);

        //current tile to draw
        int tileX;
        int tileY;


        for (int row = 0; row < rowCount; row++)
        {
            for (int col = 0; col < colCount; col++)
            {
                tileX = sTileX + col + (int)((row / 2));
                tileY = sTileY - col + (int)((row / 2));
                if (tileX >= 0 && tileX < tileMap.GetLength(0) && tileY >= 0 && tileY < tileMap.GetLength(1))
                {
                    batch.Draw(grid, new Rectangle((tileX * (TileWidth / 2)) - (tileY * (TileWidth / 2)), (tileX * (TileHeight / 2) + (tileY * (TileHeight / 2))), TileWidth, TileHeight), Color.White);
                    batch.DrawString(tiny, tileX + "," + tileY, new Vector2(tileX * (TileWidth / 2) - (tileY * (TileWidth / 2)) + 24, tileX * (TileHeight / 2) + (tileY * (TileHeight / 2)) + 12), Color.White);
                }
            }
        }

在这里，我尝试逐行绘制我的 tilemap。首先，我找出要绘制的第一个图 block 是什么(左上角)，然后找出需要绘制的列数和行数。

起初我只使用 float 并在最后一刻转换为结束，同时将 float 逐步转换为 int 我能够在屏幕上获得完整的 X=0 和完整的 Y=0 行，但其余的仍然显示为这张图片。

移动相机时，显示/渲染的图 block 在不均匀和均匀之间切换，所以如果我突然向下移动少量，图片中显示的所有图 block 都会消失，并显示空白。进一步移动它会反转，如果我继续移动它会在这两种状态之间闪烁。我认为它与 (row/2) 有关，但我似乎无法修复它。

我计算绘制哪些图 block 的方式似乎不错。当我缩小时我得到这个(缩放还没有改变公式)。在下图中，您可以看到第二个状态以及正在绘制的其他图 block 。

Answer 1

tileX = sTileX + col + (int)((row / 2) + (row%2));

模数修复了它，因为除了第一行之外，每个第二行都应该增加一个。

我仍然认为这是有值(value)的信息，因为我花了几个小时来寻找如何正确地做到这一点并最终自己完成了。我认为这是绘制所有内容的最有效方法，因为它允许将菱形样式的等轴测图渲染为锯齿形正方形。