无法在Phaser 3中更改场景

时间:2019-05-19 08:33:36

标签: javascript phaser-framework

我的Phaser 3游戏有一个名为 game 的场景,我使用加载场景中的 check()方法从中调用另一个场景 mainMenu 使用:

//inside check() 
this.scene.start("mainMenu");

但这会导致错误:

未捕获的TypeError:无法读取未定义的属性'start'

我相信它与代码中的 this 有关,但我不确定。那么如何从函数开始场景。

Load.js

var config{
//game config goes here
scenes: [mainMenu,game]
}

var game = new Phaser.Game(config);
function check(){
if(game over == true){
this.scene.start("mainMenu");}
}

game.js

class game extends Phaser.Scene {
constructor() {
super({ key: "game" });
}
create() {
 check();
}
}

1 个答案:

答案 0 :(得分:1)

在检查功能的主体中,“ this”是指检查功能本身,其上没有scene属性,这就是您看到错误的原因。

如果您使用“ call”方法调用check并通过游戏的“ this”,则应该可以解决您的问题,但这可能不是最干净的方法。

我相信创建也只能在初始化时调用,因此我不认为游戏结束时会是真的(您可能想在更新中调用它)

class game extends Phaser.Scene {
  constructor() {
    super({ key: "game" });
  }
  create() {
    check.call(this);
  }
}

编辑:以下可能是我要解决的问题:

class MainScene extends Phaser.Scene {
  constructor() {
    super({ key: "MainScene" });
  }

  create() {}

  isGameOver() {
    // logic to determine if the game is over
  }

  update() {
    if (this.isGameOver()) {
      this.scene.start("MainMenu");
    }
  }
}

var config {
  //game config goes here
  scenes: [
    MainMenu,
    MainScene
  ]
}

var game = new Phaser.Game(config);