[解決済み] Phaser.jsのゲームに背景画像を設定する方法は？

質問

Phaserを使って小さなゲームを作ろうとしているのですが、基本的なところで行き詰っています。ゲーム全体の背景を画像にしたいのですが、うまくいきません。コンソールは何のエラーも出さず、ただ背景が変化しないだけなのです。

var config = {
  type: Phaser.AUTO,
  width: 600,
  height: 800,
  physics: {
      default: 'arcade',
      arcade: {
          gravity: {y: 500},
          debug: false
      }
  },
};

var game = new Phaser.Game(config);

function preload() {
  this.load.image('background', './star-background.jpg');
}


function create() {
  this.add.image(400, 300, 'background');
}

function update() {

}

何が足りないのか、どうすれば絵をゲームの背景にできるのか？

解決方法は？

設定オブジェクトに scene という項目があります。これは、Phaserにシーンを追加するように指示するために必要です。ドキュメントを参照してください。 ここで .

これを試してみてください。

var config = {
  type: Phaser.AUTO,
  width: 600,
  height: 800,
  physics: {
      default: 'arcade',
      arcade: {
          gravity: {y: 500},
          debug: false
      }
  },
  scene: {
      preload: preload,
      create: create,
      update: update
  }
};

これで最初のシーンに、作成した関数がロードされるはずです。それ以外では、画像のセットアップがうまくいっていますね。公式のチュートリアルに従うことを強くお勧めします。 初めてのPhaser 3ゲームを作る 基本的なことを理解するために。素晴らしい説明と典型的なゲームのセットアップの例です。