Переключение в полноэкранный режим и приостановка холста для HTML-игры

Question

У меня сейчас есть игра со змеями, которую я сделал с HTML5 и js, и я хочу добавить больше в игру со змеями, чтобы она не была такой простой.

Я пытаюсь добавить две кнопки, которые

1) Переключить полноэкранный режим на холсте игры со змеями и

2) Приостановитьхолст змеиной игры .

Любая помощь приветствуется!

Answer 1

Трудно помочь без предоставленного кода.Однако вот что я предлагаю, если я правильно понимаю.

Вы можете использовать requestFullScreen для 1-го.

Например,

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.

Например

var paused = false;

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

function pauseGame() {
    paused = true;
}

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