在libGDX中逐个淡化文本字符串

Question

我正在尝试用libGDX开发游戏.现在,我正在尝试为游戏创建一个简短的介绍.

简短介绍只是一个纯色背景,文字串(不同大小)逐一淡化.

现在,我的策略是创建一个fade从0开始的变量,并在每次游戏更新时增加delta.当fade大于或等于1时,我使用一个if语句将其限制为一.

这是我的代码片段

public class MainMenu implements Screen{

public static SpriteBatch batch;
private static OrthographicCamera camera;
private static Music music;
private static BitmapFont font;
private static CharSequence title, subTitle;
private static float fade;

public MainMenu() {

    music = AssetLoader.getMainMenuMusic();
    music.setLooping(true);
    music.play();

    camera = new OrthographicCamera();
    camera.setToOrtho(true, 480, 800);

    batch = new SpriteBatch();

    title = "Text1";
    subTitle = "Text2";
    fade = 0;

    font = new BitmapFont(Gdx.files.internal("CordiaUPC.fnt"),
            Gdx.files.internal("CordiaUPC.png"), false);


}


@Override
public void show() {
    // TODO Auto-generated method stub

}

@Override
public void render(float delta) {
    // TODO Auto-generated method stub

    fade += delta;
    if(fade >= 1) {
       fade = 1;
    }

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

    batch.begin();
    font.setScale(1.0f);
    font.setColor(1, 1, 1, fade);
    font.draw(batch, title, 100, 600);
    font.setScale(0.5f);
    font.draw(batch, subTitle, 200, 500);
    batch.end();

}

当我运行这个时,我的两行文本将会淡入.但是,fade会继续更新自己1,如果计算应用程序运行的整个时间,我觉得这是浪费.

另外,我无法弄清楚如何使用这种方法逐个淡化文本.

那我该怎么做呢？我有一种感觉,我的方式可能是完全错误的,但我不熟悉的是libGDX知道如何做到这一点.

Answer 1

我想你可以换行

fade += delta;
if(fade >= 1) {
   fade = 1;
}

在一个if(fade < 1)街区,但这种优化是在这个阶段浪费你的时间.它是微不足道的,但是如果你在循环中对数百个对象做这样的事情,那将是有用的(这是我建议它的唯一原因,所以你可以记住它以备将来使用).

顺便说一句,如果你正在淡入某些东西,那么使用曲线而不是像你正在做的线性插值看起来要好得多.Libgdx已经为这种事情提供了内置的辅助类.你可以这样做:

private static final float FADE_IN_TIME = 1f;
private float fadeElapsed = 0;

fadeElapsed += delta;
float fade = Interpolation.fade.apply(fadeElapsed / FADE_IN_TIME);

并且如你所问的那样错开两个对象的淡入淡出,它只需要一个额外的参数:

private static final float SUBTITLE_FADE_DELAY = 0.5f;

float fade2 = Interpolation.fade.apply((fadeElapsed-SUBTITLE_FADE_DELAY) / FADE_IN_TIME);

//...

batch.begin();
font.setScale(1.0f);
font.setColor(1, 1, 1, fade);
font.draw(batch, title, 100, 600);
font.setScale(0.5f);
font.setColor(1, 1, 1, fade2);
font.draw(batch, subTitle, 200, 500);
batch.end();