Phaser游戏暂停/恢复时如何切换‘Pause’与‘Resume’文本？

核心问题 #

你遇到的文本切换异常，主要由两个原因导致：

1. 变量名不一致
   在update方法中你使用了gameState.pauseText，但创建文本对象时命名为gameState.playPauseText，导致update里的代码根本找不到目标文本，自然没有效果。
2. game.loop.sleep()的副作用
   这个方法会完全暂停游戏的主循环，包括输入事件处理逻辑。第一次点击后游戏进入暂停状态，后续的点击事件无法被捕获，因此无法触发恢复文本的逻辑。

修正后的代码实现 #

1. 初始化（create方法）

先确保暂停状态和文本对象的正确初始化，并且给文本添加交互能力：

// 初始化暂停状态
gameState.isPaused = false;
// 创建暂停/恢复文本
gameState.playPauseText = this.add.text(660, 547, 'Pause', { 
    fontFamily: 'Roboto Mono, monospace', 
    fontSize: '20px',  
    fill: '#FFFFFF' 
});
// 允许文本接收点击事件
gameState.playPauseText.setInteractive();

2. 点击回调逻辑

替换game.loop.sleep()为Phaser推荐的场景暂停/恢复方法，确保输入事件正常响应：

gameState.playPauseText.on('pointerdown', () => {
    if (!gameState.isPaused) {
        // 暂停当前场景
        this.scene.pause();
        gameState.playPauseText.setText('Resume');
        gameState.isPaused = true;
    } else {
        // 恢复当前场景
        this.scene.resume();
        gameState.playPauseText.setText('Pause');
        gameState.isPaused = false;
    }
});

（可选）如果保留update方法的逻辑

修正变量名即可：

if(gameState.isPaused) {
    gameState.playPauseText.setText('Resume');
} else {
    gameState.playPauseText.setText('Pause');
}

补充说明 #

• 你提到分数文本的setText()正常工作，是因为分数更新逻辑没有被游戏循环暂停影响，而暂停按钮的问题出在循环冻结导致输入失效。
• 场景的pause()/resume()方法只会暂停场景内的游戏对象更新和渲染，主循环和输入系统仍在运行，因此可以正常响应点击操作来切换状态。

内容的提问来源于stack exchange，提问作者chylinski