平铺地图编辑器切断导入 png 的边缘

Question

我开始编写一个小型引擎来渲染 2d 等距地图。我的一个朋友制作了一个火车站的小基本图像，以将示例艺术用于我的引擎。我尝试将 .png 导入到 tiled 中并为其创建一个图块集，然后使用该信息来渲染该​​房子。

当我导入图片时，tiled 会在右侧和底部切掉图片的边缘（见附件“tiled .png 导入到 tileset”）。我查看了菜单并试图找到有关它的信息，但找不到任何有用的建议。

我觉得好奇的另一件事是 .tsx 文件中的信息：

<?xml version="1.0" encoding="UTF-8"?>
<tileset version="1.2" tiledversion="1.2.1" name="bAHNHOF" tilewidth="30" 
         tileheight="30" tilecount="195" columns="13">
  <image source="bAHNHOF.png" width="401" height="468"/>
</tileset>

列 (13) 乘以平铺宽度 (30) 是否应该得到导入图像的宽度（即 401）。不过它只有 390，因此比原始宽度小了大约 11 个像素。

我可能在某处犯了错误或混淆了某事。也许有人可以帮助我？

提前致谢:)

Answer 1

似乎您使用的任何编辑器都需要“整个图块”大小。这并不少见。增加基本图像的大小，使 X 和 Y 与图块大小边界对齐，以防止这种情况发生。 30 对于一个瓷砖大小也很不寻常。我期望 2 的幂，例如“32”或“16”。

简而言之，您的进口商正在剔除非全尺寸的瓷砖。我希望它在执行此操作之前会显示有关图像大小的警告，但谁知道您没有说明程序。

当这适用于您使用的任何平台时，2 块大小的幂也将有助于提高效率，因此请考虑尽早进行更改。

最后，通常会进行平铺以节省内存。如果当您将图像分割成小块（平铺）时，您可以创建相同的小块，那么计算机可以使用该知识来减少所需的内存量。