使用 Monogame 绘制平铺地图答案

【问题标题】：Drawing a tiled map with Monogame使用 Monogame 绘制平铺地图
【发布时间】：2015-11-18 15:16:59
【问题描述】：

我一直在尝试实现一个函数，让我可以在平铺文件 (.tmx) 中绘制平铺。我环顾四周，发现了一种工作代码，但它stretches out the tiles。
这是我找到并编辑了一下的代码：

private void DrawLayer(int index, SpriteBatch batch) {
        for (var i = 0; i < Map.Layers[index].Tiles.Count; i++) {
            //Get the identification of the tile
            int gid = Map.Layers[index].Tiles[i].Gid;

            // Empty tile, do nothing
            if (gid == 0) { }
            else {
                int tileFrame = gid - 1 ;
                int column = tileFrame % (tileset.Width / tileWidth);
                int row = tileFrame / (tileset.Height / tileHeight);

                float x = (i % Map.Width) * Map.TileWidth;
                float y = (float)Math.Floor(i / (double)Map.Width) * Map.TileHeight;

                //Put all the data together in a new rectangle
                Rectangle tilesetRec = new Rectangle(tileWidth * column, tileHeight * row, tileWidth, tileHeight);

                //Draw the tile that is within the tilesetRec
                batch.Draw(tileset, new Rectangle((int)x, (int)y, tileWidth, tileHeight), tilesetRec, Color.White);
            }
        }
    }

【问题讨论】：

那么你的 tileWidth 和 tileHeight 显然不正确。
不，这些实际上是正确的

标签： c# monogame

【解决方案1】：

MonoGame.Extended 库支持加载和渲染平铺 (.tmx) 地图。它是开源的，因此您可以根据需要查看它的工作原理。

layer rendering code 支持不同的地图类型（正交、等距）、不同的渲染顺序（右下、右上、左下、左上）和多个图块集，因此不会像您那样归结为单一方法。

如果你从哪里提取相关的代码，你可能会得到这样的结果：

for (var y = 0; y < layerHeight; y++)
{
    for (var x = 0; x < layerWidth; x++)
    {
        var region = tile.Id == 0 ? null : _regions[tile.Id];

        if (region != null)
        {
            var tx = tile.X * _map.TileWidth;
            var ty = tile.Y * _map.TileHeight;
            var sourceRectangle = region.Bounds;
            var destinationRectangle = new Rectangle(tx, ty, region.Width, region.Height);

            _spriteBatch.Draw(region.Texture, destinationRectangle, sourceRectangle, Color.White);
        }
    }
}

当然，还有一些缺失的位，比如加载瓦片集时创建的纹理区域字典。

_regions = new Dictionary<int, TextureRegion2D>();

for (var y = Margin; y < texture.Height - Margin; y += TileHeight + Spacing)
{
    for (var x = Margin; x < texture.Width - Margin; x += TileWidth + Spacing)
    {
        _regions.Add(id, new TextureRegion2D(Texture, x, y, TileWidth, TileHeight));
        id++;
    }
}

以及纹理区域的实际定义。

public class TextureRegion2D
{
    public Texture2D Texture { get; protected set; }
    public int X { get; private set; }
    public int Y { get; private set; }
    public int Width { get; private set; }
    public int Height { get; private set; }
    public Rectangle Bounds { get { return new Rectangle(X, Y, Width, Height); } }
}

请记住，我主要是从MonoGame.Extended 复制和粘贴代码。它不会完全按照这里写的那样工作，但我想我已经提供了足够的细节来弄清楚如果你想编写自己的平铺渲染代码，所有其他变量的作用。

【讨论】：