javascript - 如何让文字在几秒钟后消失

Question

大家好，我现在正在构建我的游戏，并试图让一些文本在几秒钟后消失。我正在使用 Phaser，但我不确定如何执行此操作。

目前我有:

Asteroid.time.events.remove(Phaser.Timer.SECOND - 3, this.startInstructions3, this);

我的文字在页面上显示良好:

if (!this.rockmodel.countLiving()) {
    Asteroid.time.events.add(Phaser.Timer.SECOND * 3, this.levelIncrease, this);
    var startInstructions3 = 'NEXT LEVEL! ';
    this.gametext3 = Asteroid.add.text(Asteroid.world.centerX, Asteroid.world.centerY, startInstructions3, lifefont3.thefont3);
    this.gametext3.align = 'center';
    this.gametext3.anchor.set(0.5, 0.5);
}

然后当我回到我的 levelIncrease 函数时，我有:

if (this.rockcount < rocksincoming.max) {
        this.rockcount += rocksincoming.astup;  
}
Asteroid.time.events.remove(Phaser.Timer.SECOND * 3, this.startInstructions3, this);
    this.randomrock();
},
endofgame: function () {
    Asteroid.state.start(gameobjectstouse.menu);
},

我的问题是，它是像 -3 一样还是可以在 Phaser 中执行一些设置，例如持续时间或类似的操作？我似乎找不到任何相关信息。

谢谢。

Answer 1

实际上有an official example这涵盖了您的这种情况。

您的Asteroid.time.events.remove()实际上会删除事件，而不是添加删除事件。例如，如果您有一个循环事件并希望删除该事件，则可以使用 time.events.remove。

因此，您想添加一个在三秒后触发的事件，如下所示，而不是您的 Asteroid.time.events.remove 行:

Asteroid.time.events.add(Phaser.Timer.SECOND - 3, this.nameOfFunctionToHideText, this);

其中nameOfFunctionToHideText(或您创建的任何新函数)将是删除文本的函数。