Libgdx Maps Flickering - 如何轻松地将边框/填充添加到现有Tileset

时间:2017-05-24 23:27:40

标签: libgdx flicker tiled

我对Libgdx和Tiled Maps有一些众所周知的问题,当玩家移动时(相机跟随玩家)我的地图会闪烁。

我已经搜索了答案并发现所有地图都是这样做的,为了解决这个问题,你必须用4个填充,2个边框和重复边框(或某些工具中的挤压边框)打包你的精灵。使用libgdx附带的texturepacker,您可以打包图像,只要先拆分,然后添加填充/边框。但是,它们随机放置在瓷砖组中,使制作地图变得更加困难(您需要按原始顺序查看拼贴)

我的问题是,我现在试图这样做几天,但从来没有完成。我有一个输入tileset,它是32x32px。所以我到目前为止尝试的是:

我最接近的是:从tileset中解压缩所有32x32图像,然后使用某些工具再次打包。 第一个问题是我使用的所有图像解包器(spliter)都不对背景应用透明度,而且一些tileset非常详细,这使得它很难做到正确。 第二个问题是,当我想打包它时,大多数工具都不提供顺序,所以我放松了tileset配置(这在制作地图时非常重要)。

有人可以告诉我如何在没有那么多努力的情况下做到这一点吗?我是否真的需要放弃几天的工作才能让拼图在Libgdx中看起来很好?

我只需要在tileset中添加border / padding,保持其原始位置。

我确信有些东西我不见了,它不会那么难。

由于

2 个答案:

答案 0 :(得分:1)

我也和你一样。  这就是我一步一步做的事情:

  1. 使用Alferd-Spritesheet-Unpacker将精灵表拆分/解压缩为单个图像。该过程还将透明度应用于背景。只要能胜任,您就可以使用任何您喜欢的软件。
  2.   

    第二个问题是,当我想打包它时,大多数工具都不提供订单,所以我松开了tileset配置

  3. 在重新包装之前,您通过按字母顺序重命名每个图像,这样纹理包装器将按字母顺序相应地对图像进行排序。

    Ex:walk_1.png,walk_2.png,walk_3.png等等..

    1. 使用LibGDX Texture Packer(这是此版本的GUI版本)重新打包图像。这里的技巧是添加图像的填充,如下所示。
    2. enter image description here

      1. 这是重要步骤。现在您已经完成了重新包装图像。将精灵表添加到Tileset并配置 保证金间距。如果你的精灵从一开始就没有填充物,请不要担心。 TiledMap将配置它。现在已经完成了。
      2. enter image description here

答案 1 :(得分:0)

好的,所以到目前为止我找到的更简单的方法是为Gimp使用插件。

registry.gimp.org/node/26044

它允许你添加边框,Gutter(在这种情况下,是其他工具的dupplicatePadding或Extrude),并且还删除它。

像魅力一样工作,一步完成工作。 要使用该插件,请将其添加到您的文件夹(在Windows,User / gimp / scripts中)或检查文档。

因此在平铺配置中我使用

enter image description here

在Gimp插件中,我使用此配置(菜单 - >过滤器 - >精灵表 - >添加天沟)

enter image description here