XNA等距图块渲染问题

Question

我目前正在开发 XNA 游戏原型。我正在尝试实现游戏世界的等距视图（或者是正投影？我不确定哪个是该投影的正确术语 - 请参阅图片）。 世界应该是一个由立方体瓷砖组成的基于瓷砖的世界（例如，类似于 Minecraft 的世界），我正在尝试使用精灵以 2D 形式渲染它。

所以我有一个精灵表，其中包含立方体的顶面、正面和侧面（可见侧面）。我使用 3 个单独的drawSprite 调用来绘制图块，一个用于顶部，一个用于侧面，一个用于正面，使用源矩形来选择我想要绘制的面，并使用目标矩形来设置屏幕上的位置将 3D 世界坐标转换为等距坐标（正交？）的公式。

（示例精灵： )

只要我绘制脸部，这个效果就很好，但是如果我尝试绘制每个块的细边缘（如每个图块网格）我可以看到我得到了一个随机渲染模式，其中一些线条被脸部本身覆盖，而另一些则没有。

请注意，对于我的世界表示，X 是从左到右，Y 是屏幕内到屏幕外，Z 是从上到下。

在此示例中，我仅处理顶面边缘。这是我得到的（图片）：

我不明白为什么有些行显示，有些行显示不是。 我使用的渲染代码是（请注意，在本示例中，我仅绘制每个维度中的最顶层）：

/// <summary>
/// Draws the world
/// </summary>
/// <param name="spriteBatch"></param>
public void draw(SpriteBatch spriteBatch)
{
    Texture2D tex = null;

    // DRAW TILES
    for (int z = numBlocks - 1; z >= 0; z--)
    {
        for (int y = 0; y < numBlocks; y++)
        {
            for (int x = numBlocks - 1; x >=0 ; x--)
            {

                myTextures.TryGetValue(myBlockManager.getBlockAt(x, y, z), out tex);
                if (tex != null)
                {
                    // TOP FACE
                    if (z == 0)
                    {
                        drawTop(spriteBatch, x, y, z, tex);
                        drawTop(spriteBatch, x, y, z, outlineTexture);
                    }

                    // FRONT FACE
                    if(y == numBlocks -1)
                        drawFront(spriteBatch, x, y, z, tex);

                    // SIDE FACE
                    if(x == 0)
                        drawSide(spriteBatch, x, y, z, tex);

                }
            }
        }
    }
}


private void drawTop(SpriteBatch spriteBatch, int x, int y, int z, Texture2D tex)
        {
            int pX = OffsetX + (int)(x * TEXTURE_TOP_X_OFFRIGHT + y * TEXTURE_SIDE_X);
            int pY = OffsetY + (int)(y * TEXTURE_TOP_Y + z * TEXTURE_FRONT_Y);
            topDestRect.X = pX;
            topDestRect.Y = pY;
            spriteBatch.Draw(tex, topDestRect, TEXTURE_TOP_RECT, Color.White);   
        }

我尝试使用不同的方法，在第一个循环之后创建第二个 3 层嵌套 for 循环，因此我保留顶部第一个循环中的面部绘制和第二个循环中的边缘突出显示（我知道，这是低效的，我也应该避免为每个图块调用方法来绘制它，但我只是想让它现在工作）。

结果在某种程度上更好，但仍然无法按预期工作，顶行丢失，请参见图片：

知道为什么我有这个问题吗？在第一种方法中，这可能是一种 z-fighting，但我正在以精确的顺​​序绘制精灵，所以它们不应该覆盖已经存在的内容吗？

谢谢大家

Answer 1

哇，对不起，我是个白痴:)我用 SpriteBatch.begin(SpriteSortMode.BackToFront) 开始批处理，但我没有在绘图中使用任何 z 值。
我应该使用 SpriteSortMode.Deferred！现在工作正常。谢谢大家！

Answer 2

尝试将源矩形和目标矩形的大小调整 1 或 2 个像素。我隐隐怀疑这与这些矩形作为要渲染区域的“轮廓”的处理方式以及一种相差一问题的方式有关。这不是专家的建议，只是程序员同事的直觉。

Answer 3

看起来像是子像素精度或缩放问题。还要尝试确保您的纹理/图块宽度/高度是 2 的幂（32、64、128 等），因为这也可以使效果不那么糟糕。仅凭这些照片真的很难判断。

我不知道如何/是否缩放所有内容，但您应该尽可能避免舍入（尤其是在 drawTop() 方法内）。每次你舍入一些位置/坐标的机会很好时，你可能会增加错误/随机偏移。尝试使用双精度（或更好：浮点）坐标而不是整数。