滚动视差背景，在 libgdx 中无限重复

Question

我正在制作一款 2D 横向卷轴太空射击游戏，我需要一个可以无限滚动的背景（它可以重复平铺或包裹）。我还想实现视差滚动，因此也许有一个几乎不移动的最低背景星云纹理，一个包含几乎不移动的遥远恒星的较高背景星云纹理，以及包含移动很多的近距离恒星的最高背景。

我从 google 看到我让每一层的移动量比它上面的层少 50%，但是我如何在 libgdx 中实现这个？我有一个可以放大和缩小的相机，在 800x480 的物理屏幕中可以显示从 128x128 像素（一艘船）到一个巨大的空间区域（其边缘多次包裹纹理）的任何内容。

如何连续包裹较小的纹理（例如 512x512），就好像它无限平铺一样（当相机向右缩小时），然后如何将多个像这样的纹理分层，将它们保持在合适的结构中（有吗？ libgdx api 中的一个？）并随着玩家坐标的变化而移动它们？我查看了 javadocs 和示例，但找不到类似此问题的任何内容，如果很明显，请道歉！

Answer 1

嘿，我也在制作视差背景并尝试让它滚动。

存储库中有一个ParallaxTest.java，可以找到此处。

该文件是一个独立的类，因此您需要将其合并到您的游戏中。并且您将需要更改控制输入，因为它连接到使用触摸屏/鼠标。

这对我有用。至于重复的背景，我还没有做到这一点，但我认为你只需要基本的逻辑，例如，距离最后一个屏幕，更改前几个屏幕的位置以在最后对齐。

Answer 2

关于视差滚动，我没有比 PFG 更多的话要说的了。在测试文件夹下的存储库中确实有一个示例，并且网络上有一些解释。我喜欢这个 。
有背景的事情其实很容易解决。这个问题和其他相关问题可以通过使用模代数来解决。我不会详细介绍，因为一旦显示就很容易理解。

想象一下您想在屏幕上显示指南针。您有一个代表基点的 1024x16 纹理。基本上你所拥有的只是一条带子。抛开有关真实方向等的考虑，您必须渲染它。

例如，您的视口为 300x400，并且您希望屏幕上的纹理为 200px（以使其更有趣）。您可以使用单个区域完美地渲染它，直到到达位置 (1024-200) = 824。一旦到达这个位置，显然就不再有纹理了。但既然它是一个指南针，很明显，一旦到达终点，它就必须重新开始。这就是答案。另一个纹理区域就可以解决问题。范围 825-1023 必须由另一个区域表示。对于每个值 pos>824 &&，第二个区域的大小将为 (1024-pos)。 pos<1024

此代码旨在作为指南针的真实示例。它非常脏，因为由于范围 (0-3.6) 到 (0-1024) 之间的转换，它始终与相对位置一起工作。

spriteBatch.begin();
    if (compassorientation<0)
        compassorientation = (float) (3.6 - compassorientation%3.6);
    else
        compassorientation = (float) (compassorientation %  3.6);
    if ( compassorientation < ((float)(1024-200)/1024*3.6)){
        compass1.setRegion((int)(compassorientation/3.6*1024), 0, 200, 16);
        spriteBatch.draw(compass1, 0, (Gdx.graphics.getHeight()/2) -(-250 + compass1.getTexture().getHeight()* (float)1.2), Gdx.graphics.getWidth(), 32 * (float)1.2);

    }
    else if (compassorientation > ((float)(1024-200)/1024*3.6)) {
        compass1.setRegion((int)(compassorientation/3.6*1024), 0, 1024 - (int)(compassorientation/3.6*1024), 16);
        spriteBatch.draw(compass1, 0, (Gdx.graphics.getHeight()/2) -(-250 + compass1.getTexture().getHeight()* (float)1.2), compass1.getRegionWidth()/200f * Gdx.graphics.getWidth() , 32 * (float)1.2);
        compass2.setRegion(0, 0, 200 - compass1.getRegionWidth(), 16);
        spriteBatch.draw(compass2, compass1.getRegionWidth()/200f * Gdx.graphics.getWidth() , (Gdx.graphics.getHeight()/2) -(-250 + compass1.getTexture().getHeight()* (float)1.2), Gdx.graphics.getWidth() - (compass1.getRegionWidth()/200f * Gdx.graphics.getWidth())  , 32 * (float)1.2);
    } 


    spriteBatch.end();

Answer 3

您可以使用 setWrap 函数，如下所示：

Texture texture = new Texture(Gdx.files.internal("images/background.png"));
texture.setWrap(Texture.TextureWrap.Repeat, Texture.TextureWrap.Repeat);

它会重复绘制背景！希望这有帮助！

Answer 4

在初始化对象纹理的位置下方。然后在“Where YourTexture”中的该类型下方

YourTexture.setWrap(Texture.TextureWrap.Repeat, Texture.TextureWrap.Repeat);

是您想要视差滚动的纹理。

在您的渲染文件中输入此代码。

batch.draw(YourTexture,0, 0, 0 , srcy, Gdx.graphics.getWidth(),     
           Gdx.graphics.getHeight());  
srcy +=10;

它会给你一个错误，所以创建一个名为 srcy 的变量。这没什么太花哨的。

Int srcy