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

Tiled map editor cutting off edges of imported png

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

当我导入图片时,平铺裁掉了图片右侧和底部的边缘(见附件"tiled .png import to 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 个像素。

我可能在某处犯了错误或混淆了某些东西。也许有人可以帮助我?

提前致谢:)

似乎您使用的任何编辑器都需要 "whole tile" 大小。这并不罕见。增加基本图像的大小,使 X 和 Y 与图块大小边界对齐,以防止出现这种情况。 30 块瓷砖尺寸也很不寻常。我期望像“32”或“16”这样的 2 的幂。

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

当这适用于您使用的任何平台时,2 的方块大小也会在效率方面有所帮助,因此请考虑尽早进行更改。

最后,经常平铺是为了节省内存。如果,当您将图像分成小块(平铺)时,您可以创建相同的小块,则计算机可以使用该知识来减少所需的内存量。