javascript - 如何停止 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 中运行，但下一个游戏只是在第一个游戏下方加载，所以您看不到它。我怎样才能解决这个问题？是否可以完全删除我得到的第一个脚本？

Answer 1

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

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