Question

我目前正在使用HTML5和js制作一个蛇游戏，我想在蛇游戏中添加更多游戏，所以它不是那么基本。

我试图添加两个按钮

1）在蛇形游戏画布上全屏切换和

2）暂停蛇游戏的画布。

感谢任何帮助！

Answer 1

如果没有提供任何代码，很难提供帮助。但是，如果我理解正确的话，这就是我的建议。

您可以使用requestFullScreen作为第1个。

<强> E.g。

function fullscreen () {
  var element = document.documentElement;
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
};

对于暂停部分，我建议您为每个触发器tick开发类似requestAnimationFrame函数的内容。仅当tick为paused时才会避开true。

<强> E.g。

var paused = false;

function render () {
    if (!paused) {
        window.requestAnimationFrame(render);
        drawSnakeGameOnCanvas();
    }
}

function pauseGame() {
    paused = true;
}

function resumeGame() {
    paused = false;
    render();
}

为HTML游戏切换全屏和暂停画布

1 个答案: