如何停止 Phaser 游戏并将其从页面中删除？

Question

我有一个网页，我希望能够依次运行三个 JavaScript 游戏。我从

开始

//jQuery to start a game
$(document).ready(() => {
  //When the logo image is clicked
  $("#logo").click(() => {
    //Get the archery game
    $.getScript('archery.js', () => {
      //Start it
      startArchGame();
      //Remove the image from the HTML doc
      $("#logo").remove();
    });
  })
})

然后，在archery.js里面，一旦满足一个条件，就会执行下面的代码

$.getScript('skateboarding.js', () => {
  startSkateGame();
});
game.destroy();

game.destroy(); 在 Phaser 3 中从运行ning 开始停止游戏，但下一个游戏只是在第一个游戏下方加载，所以你看不到它。我怎样才能解决这个问题？是否可以完全删除我得到的第一个脚本？

Answer 1

我能够在 Phaser 框架内解决这个问题。

我把game.destroy()改成了game.destroy(true, false)。 destroy 方法的第一个参数 true 表示我想在销毁游戏时从页面的 canvas 元素中删除游戏。第二个参数，false，表示不要删除页面的所有 Phaser 及其插件。我将其设置为 false，因为我想在销毁第一个游戏后在页面上的 Phaser 中创建另一个游戏。

如何停止 Phaser 游戏并将其从页面中删除？

How to stop a Phaser game and remove it from a page?

javascript

jquery

phaser-framework