ANGULAR AND PHASER CE 如何在 Phaser CE 更新函数中调用 Angular 函数

Question

我需要调用一个函数来抛出一个用 NgbModal 创建的模态。在 Phaser CE 管理的 update() 函数中，当条件为真时，应用程序崩溃抛出：ERROR TypeError: this.gameOver is not a function I'已经测试了所有。 gameOver() 函数退出类，但构造函数中创建的modalService未定义......

有人可以帮助我吗？

mit ts 文件：

@ViewChild('msgGameOver') public modalmsgGameOver:TemplateRef<any>;

constructor( public modalService: NgbModal, private router:Router, private storage:Storage, 
private endpoint:EndpointsService){}

ngOnInit(){
  
game = new Phaser.Game(
  window.innerWidth, window.innerHeight,
  Phaser.AUTO, 
  'garrioCatapulta',
  {preload: this.preload, create: this.create, update: this.update, render: this.render},
  true
);

that = Object.create(this.constructor.prototype);    
}

gameOver() {
this.msgGameOver = "lo sentimos, no has acertado la casilla ganadora"
this.headerGameOver="¡Has perdido!";
this.iconGameOver = "assets/error.svg";
this.modalService.open(this.modalmsgGameOver);
}

preload(){

  game.load.image('roca', 'assets/aislada.svg');
  game.load.image('rebote','assets/rebote.svg');
  game.load.image('catapulta-dispara','assets/componentes_juego_catapulta_disparo.svg');
  game.load.image('colina', 'assets/derecha.svg');
  game.load.image('castillo', 'assets/izquierda_castillo.svg');
  
}
create(){

  game.scale.scaleMode = Phaser.ScaleManager.EXACT_FIT;     
  game.scale.pageAlignHorizontally = true;      
  game.scale.pageAlignVertically = true;        

  game.scale.refresh();

  game.physics.startSystem(Phaser.Physics.ARCADE);

  roca = game.add.sprite(200, 500, 'roca');
  castillo = game.add.sprite(0,350,'castillo');
  catapulta=game.add.sprite(300,525,'catapulta-dispara');
  
  colina = game.add.sprite(280,565,'colina');
  colina.alignIn(game.world.bounds, Phaser.BOTTOM_RIGHT);
  catapulta.alignTo(colina,Phaser.TOP_LEFT);
  roca.alignTo(catapulta,Phaser.TOP_RIGHT);

  game.physics.enable(roca, Phaser.Physics.ARCADE);
  game.physics.enable(colina, Phaser.Physics.ARCADE);
  game.physics.enable(catapulta, Phaser.Physics.ARCADE);
  game.physics.enable(castillo, Phaser.Physics.ARCADE);

  obstaculos = game.add.group()
  obstaculos.enableBody = true;

  colina.body.immovable = true;
  castillo.body.immovable = true;

  colina.body.immovable = true;
  castillo.body.immovable = true;
  catapulta.body.immovable = true;

  for (var i = 0; i < 3; i++)
  {

      var s = obstaculos.create(game.rnd.integerInRange(75, 270),game.rnd.integerInRange(250, 500), 'rebote');
      s.body.collideWorldBounds = true;
      s.body.immovable = true;
      s.body.bounce.set(0.2);
  }

}



update(){
  
  if(game.physics.arcade.collide(roca, obstaculos)){
    console.log("choca roca")
  }
  
  if(game.physics.arcade.collide(roca, castillo)){
    c++;
    if(c >= 20){
      roca.body.stop();
      console.log("A pis pos");
      game.paused=true;
      this.gameOver();
    }
  }

  if(game.physics.arcade.collide(roca, colina)){
    co++;
    if(co >= 20){
      roca.body.stop();
      console.log("A pis pos");
      game.paused=true;
      this.gameOver();
    }
  };

  if(roca.body.onFloor()){
    i++;
    if(i >= 20){
      roca.body.stop();
      console.log("A pis pos");
      game.paused=true;

      this.gameOver();
    }
  }

}

render() { 

}

}

Answer 1

在gameOver()中，重写：

this.modalService.open(this.modalmsgGameOver);

到

that.modalService.open(this.modalmsgGameOver);