Question

我正在创建一个类似于Space Invaders的JavaScript / HTML程序，其中船只从屏幕顶部下来。我的画布顶部有暂停/恢复和重启按钮，但我不确定我是否正确编码按钮，因为我对JavaScript / HTML还不熟悉

以下是暂停按钮的HTML代码：

<input type="button" style="z-index:2; position:absolute; top:700; left:25" value="Pause" onclick="pauseGame()"/>

这是应该暂停/恢复游戏的功能（不完全确定这里的逻辑是正确的，但我认为是）：

function pauseGame() {

    if (gGamePaused === false) {
        game = clearTimeout(game);
        gGamePaused = true;
    } else if (gGamePaused === true) {
        game = setTimeout(gameLoop, 1000 / 30);
        gGamePaused = false;
    }

}

我这样做是否正确？如果是这样，为什么它不起作用？

Answer 1

尝试此功能：

 function pauseGame() {
      if (!gamePaused) {
        game = clearTimeout(game);
        gamePaused = true;
      } else if (gamePaused) {
        game = setTimeout(gameLoop, 1000 / 30);
        gamePaused = false;
      }
    }

JavaScript - 在Space Invaders clone中创建一个暂停按钮

1 个答案: