如何在 Phaser 3 中将数据从一个场景传递到另一个场景？

Question

我正在创建一个 "space invaders" 类型的游戏，我在将分数从我的 WorldScene 传递到我的 GameOverScene 时遇到了问题。

我已经尝试使用 init: function() 来传递数据，但我可能做错了什么...

我正在使用 Phaser 3。

我的一点世界场景：


    constructor() {
        super( { key: 'WorldScene'} );
    }

    preload()
    {

    }
    create()
    {

        var score = 0;
 (...)

            //a scene comeca de novo
            //this.scene.restart();
            this.scene.start('GameOverScene', {score_n: this.score} );
          }, [], this);

我的 GameOverScene 在 game.js


  Extends: Phaser.Scene,

  initialize:

  function GameOverScene ()
  {
      Phaser.Scene.call(this, { key: 'GameOverScene' });

  },

  init: function (data)
    {
        console.log('init', data);
        this.scoreFinal = data.score_n;
    },

  preload: function ()
  {
    //background inicial
    this.load.image('back_menu', 'assets/img_espaco.png');
  },

  create: function (data)
  {

    let backg = this.add.sprite(0, 0, 'back_menu');
        backg.setOrigin(0, 0);

       //texto do game over
        gameOver_text = this.add.text(320, 150, 'Game Over', { fontSize: '70px', fill: '#FF0000' });
        gameOver_text.setOrigin(0.5);

        //score
        scoreFinal_txt = this.add.text(320, 210, 'Pontuação Final: '+ this.scoreFinal, { fontSize: '20px', fill: '#FFF' });
        scoreFinal_txt.setOrigin(0.5);

        //botao de recomeçar
        bt_novo = this.add.text(320, 260, 'Voltar ao Inicio', { fontSize: '30px', color: '#ffffff' }).setInteractive();
        bt_novo.setOrigin(0.5);

        //se o botao for carregado começa o jogo
        bt_novo.on('pointerdown', function (event) { this.scene.start('MenuScene'); }, this );
        bt_novo.on('pointerover', function (event) { bt_novo.setStyle({ fill: '#ff0'}); } )
        bt_novo.on('pointerout', function (event) { bt_novo.setStyle({ fill: '#ffffff'}); } )


  },

}); ```


My scoreFinal_txt shows: "Pontuaçao Final: undefined"

Answer 1

您可以通过 this.scene.start(key, data)

中的第二个参数传递额外的场景数据

Working example

class IntroScene extends Phaser.Scene {
  constructor() {
    super({
      key: 'intro'
    });
  }

  create() {
    const btn = this.add.text(20, 20, 'Hello', { fontSize: '30px', color: '#ffffff' }).setInteractive();
    btn.addListener('pointerup', () => {
      console.log('game started click');
      this.scene.start('game', 666); // second argument enables passing data
    });
  }
}

class GameScene extends Phaser.Scene {
  constructor() {
    super({
      key: 'game'
    });
  }

  /**
   * @param data passed to scene at startup
   */
  create(data) {
    console.log('game started', data);
    this.add.text(20, 20, `Game ${data}`, { fontSize: '30px', color: '#ffffff' });
  }
}

如何在 Phaser 3 中将数据从一个场景传递到另一个场景？

How can I pass data from a scene to another in Phaser 3?

html

javascript

phaser-framework