LibGDX Box2D Tiled地图伪像问题

Question

我在使用LibGDX渲染平铺地图时遇到了问题。当我移动相机时，会出现伪影。

这是我的带有边距和间距的瓷砖集（片段）： 瓷砖集 当我移动相机时，会出现伪影： 伪影 这是我的世界渲染类。

private GameApp game;

private OrthographicCamera gameCamera;
private Viewport viewport;

private TiledMap map;
private TmxMapLoader mapLoader;
private OrthogonalTiledMapRenderer mapRenderer;

private MainCharacter character;

private World world;
private Box2DDebugRenderer worldRenderer;

public GameplayScreen(GameApp game) {
    this.game = game;

    gameCamera = new OrthographicCamera();

    viewport = new FitViewport(
            game.getDisplayWidth() / GameApp.PPM,
            game.getDisplayHeight() / GameApp.PPM,
            gameCamera
        );

    mapLoader = new TmxMapLoader();
    map = mapLoader.load("testmap1.tmx");
    mapRenderer = new OrthogonalTiledMapRenderer(map, 1 / GameApp.PPM);

    gameCamera.position.set(new Vector2(600 / GameApp.PPM, 200 / GameApp.PPM), 0);
    gameCamera.zoom -= 0.5;

    world = new World(new Vector2(0, -10), true);
    worldRenderer = new Box2DDebugRenderer();

    BodyDef bDef = new BodyDef();
    PolygonShape shape = new PolygonShape();
    FixtureDef fDef = new FixtureDef();
    Body body;

    for (MapObject mapObject : map.getLayers().get("obstacles").getObjects().getByType(RectangleMapObject.class)) {
        Rectangle rectangle = ((RectangleMapObject) mapObject).getRectangle();

        bDef.type = BodyDef.BodyType.StaticBody;
        bDef.position.set(
                (rectangle.getX() + rectangle.getWidth() / 2) / GameApp.PPM, 
                (rectangle.getY() + rectangle.getHeight() / 2) / GameApp.PPM
        );

        body = world.createBody(bDef);

        shape.setAsBox(rectangle.getWidth() / 2 / GameApp.PPM, rectangle.getHeight() / 2 / GameApp.PPM);
        fDef.shape = shape;

        body.createFixture(fDef);
    }

    character = new MainCharacter(world);
}

@Override
public void show() {

}

public void handleInput(float delta) {
    if (Gdx.input.isKeyJustPressed(Input.Keys.UP)) {
        character.getBody().applyLinearImpulse(new Vector2(0, 3.8f), character.getBody().getWorldCenter(), true);
    }

    if (Gdx.input.isKeyPressed(Input.Keys.RIGHT) && character.getBody().getLinearVelocity().x <= 1) {
        character.getBody().applyLinearImpulse(new Vector2(0.05f, 0), character.getBody().getWorldCenter(), true);
    }

    if (Gdx.input.isKeyPressed(Input.Keys.LEFT) && character.getBody().getLinearVelocity().x >= -1) {
        character.getBody().applyLinearImpulse(new Vector2(-0.05f, 0), character.getBody().getWorldCenter(), true);
    }
}

public void update(float delta) {
    handleInput(delta);

    world.step(1/60f, 6, 2);

    gameCamera.position.x = character.getBody().getPosition().x;
    gameCamera.position.y = character.getBody().getPosition().y;

    gameCamera.update();
    mapRenderer.setView(gameCamera);
}

@Override
public void render(float delta) {
    update(delta);

    Gdx.gl.glClearColor(0, 0, 0, 1);
    Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);

    mapRenderer.render();
    worldRenderer.render(world, gameCamera.combined);
}

@Override
public void resize(int width, int height) {
    viewport.update(width, height);
}

...

我看到在瓷砖集中的间距有帮助，但仍然无法正常工作。

---

编辑：

TmxMapLoader.Parameters par = new TmxMapLoader.Parameters();
  par.textureMinFilter = TextureFilter.Nearest;
  par.textureMagFilter = TextureFilter.Nearest;

map = mapLoader.load("testmap1.tmx", par);

我编辑了代码，但仍然无法工作。已经寻找解决方案几天了。

---

编辑2

我再次尝试。代码：

atlasMapLoader = new AtlasTmxMapLoader();
testMap = atlasMapLoader.load("testmap1.tmx");

这是我加载地图的方法，我有一个“.txt”文件：

在Tiled Editor中，我为地图添加了一个名为“atlas”的属性，值为“TilesetBig.txt”。

现在，地图不会显示瓷砖。使用box2d创建的障碍仍然可见。我做错了什么？

---

最终，我使用了OrthoCachedTiledMapRenderer。

- Forest

Answer 1

你应该使用 最近邻 纹理过滤器来压缩你的图块集。

如果你使用 线性 过滤器，OpenGL会使用周围的像素平均化边界像素，从而导致这样的故障。 阅读此文章 以获取有关LibGDX中纹理过滤器的更多信息。

- m.antkowicz

---

你也使用过Texture Packer中的“减少边框伪影”吗？ - m.antkowicz

我不使用纹理打包器。我已经在Gimp中准备了一个带有瓷砖间隔的图形。我明白我必须使用它吗？ - Forest

你应该绝对使用TexturePacker - 它比手动制作方便得多 :) 免费版本对你的目的来说应该足够了。我猜在你准备的图形中，边框上有一些几乎透明的伪像素，这会导致问题。 - m.antkowicz

很容易，Gimp有一个插件可以做到这一点：）。好的，我尝试这个解决方案。但是我的瓷砖图片很大，所以我把它放到纹理打包器中，他会为我创建一个准备好的图形（带空格）和数据文件？ - Forest

你只需要一个图形文件，然后将其加载到Tiled中 - 在TP中设置选项以不裁剪图形。 - m.antkowicz