LibGDX 平铺地图在相机移动时闪烁

Question

我正在尝试使用 libgdx 为我的家人制作一个圣诞节小游戏，当前进通过关卡时，屏幕边缘会闪烁，但是当向后时，没有闪烁，这很烦人。

这是我的意思的演示。

另外，这是我的代码：

if (direction == "right") {
    body.setTransform(body.getPosition().x + 1 / PPM, body.getPosition().y, body.getAngle());
    b2dCam.position.x += (1 / PPM);
    camera.position.x += (1*(PPM/(8/2)));
} else if (direction == "left") {
    b2dCam.translate(-1 / PPM, 0);
    camera.translate(-1*(PPM/(8/2)), 0);
}

tmr.setView(camera);
tmr.render();
camera.update();
b2dCam.update();
b2dr.render(world, b2dCam.combined);

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

任何帮助将不胜感激，谢谢。

Answer 1

我只是通过在其他所有事情之前调用 camera.update 来解决这个问题，而不是：

tmr.setView(camera);
tmr.render();
camera.update();
b2dCam.update();
b2dr.render(world, b2dCam.combined);

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

我现在使用：

    camera.update();
    tmr.setView(camera);
    tmr.render();
    b2dCam.update();
    b2dr.render(world, b2dCam.combined);

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

Answer 2

想到两件事。

1. 您的磁贴周围是否至少有 2px 的填充？

当 OpenGL 从图像中提取纹理时，它会将您正在使用的纹理区域周围的像素与纹理区域的边缘混合。 烦人吧？ 但这是有原因的。 我无法确定，但您的视频看起来像是出现了水平排水沟（底部以及房屋与地面之间的闪烁）。

为了解决这个问题，图像资产上的每个图块都需要至少有 2 个像素的填充周围。 要创建填充，请在图像中的每个图块周围创建一个 2px 宽的边框，然后将图块的边缘像素复制到这个 2px 宽的边框中。

2. 垂直同步

如果您在尝试建议 1 后仍有问题，那么当 vsync 被禁用时，我在 libgdx 滚动时遇到了一些闪烁的问题。 您可以通过以下方式确保在“启动器”类中启用它：

LwjglApplicationConfiguration cfg = new LwjglApplicationConfiguration();
cfg.vSyncEnabled = true;