Question

我正在使用Eloquent Javascript。我在第15章末尾，＃34;平台游戏＆＃34;，我在弄清楚如何让游戏暂停时遇到了麻烦。

本章末尾的一个练习要求你这样做：＆＃34;按Esc键可以暂停（暂停）和取消暂停游戏。

这可以通过更改runLevel函数以使用另一个键盘事件来完成处理并在Esc键被击中时中断或恢复动画。＆＃34;作者说你可以通过重新排列runLevel调用runAnimation的方式来做到这一点。这是函数：

function runLevel(level, Display, andThen) {
    var display = new Display(document.body, level);
    runAnimation(function(step) {
      level.animate(step, arrows);
      display.drawFrame(step);
      if (level.isFinished()) {
        display.clear();
        if (andThen)
          andThen(level.status);
        return false;
      }
    });
  }

我修改了这个功能：

  function runLevel(level, Display, andThen) {
    var display = new Display(document.body, level);
    var paused = false;

    addEventListener("keydown", function(event){
        if (event.keyCode == 27) {
            paused = !paused;
        }
    });

    if (!paused){
        runAnimation(function(step) {
          level.animate(step, arrows);
          display.drawFrame(step);
          if (level.isFinished()) {
            display.clear();
            if (andThen)
              andThen(level.status);
            return false;
          }
        });
    }

  }

但即使在我逃脱之后，游戏仍继续发挥作用。我不明白为什么。
游戏的完整代码可以在这里找到： http://eloquentjavascript.net/code/chapter/15_game.js 在此先感谢您的帮助！

Answer 1

尝试将if语句放在回调函数中。

  runAnimation(function(step) {
    if (!paused){
      level.animate(step, arrows);
      display.drawFrame(step);
      if (level.isFinished()) {
        display.clear();
        if (andThen)
          andThen(level.status);
        return false;
      }
    }
  });

如何正确调用此功能？

1 个答案: