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

时间:2018-11-30 17:14:22

标签: game-development isometric tiled

我开始写一个小的引擎来绘制二维等距图。我的一个朋友做了一个火车站的基本图片,将示例艺术用于我的引擎。我试图将.png导入平铺并为其创建一个tileet,然后使用该信息来渲染该​​房屋。

当我导入图像时,平铺会在右侧和底部切掉图片的边缘(请参阅附件“平铺.png导入到平铺集”)。我查看了菜单并尝试查找有关该菜单的信息,但是找不到任何有用的建议来说明为什么会发生这种情况。

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像素。

我可能在某个地方犯了一个错误,或者使某些事情变得混乱。也许有人可以帮我吗?

预先感谢:)

1 个答案:

答案 0 :(得分:2)

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

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

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

最后,通常会进行平铺以节省内存。如果在将图像划分为图块(将其平铺)时可以创建相同的图块,则计算机可以使用该知识来减少内存量。