javascript - How to set a background image to a Phaser.js game? - Stack Overflow

admin管理员组

文章数量:1391995

I am trying to build a small game using Phaser, but I am stuck at the basics. I want to make a picture the background of my entire game, but it does not work, the console does not give me any errors the background just doesn't change, here is my javascript:

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() {

}

What am I missing and how can I make a picture the background of the game?

I am trying to build a small game using Phaser, but I am stuck at the basics. I want to make a picture the background of my entire game, but it does not work, the console does not give me any errors the background just doesn't change, here is my javascript:

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() {

}

What am I missing and how can I make a picture the background of the game?

• javascript
• phaser-framework

Share Improve this question Follow asked Jan 24, 2019 at 10:54 Murray JohnsonMurray Johnson 31111 gold badge44 silver badges1515 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

Your config object is missing the scene items. This is necessary to tell Phaser to add the scene(s) to the game. See the documentation here.

Give this a try:

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
  }
};

That should load your first scene with the functions you have created. Otherwise, your image setup looks great. I highly remend following along with the official tutorial Making your first Phaser 3 game to get the basics figured out. Great explanations and examples of a typical game setup.

本文标签： javascriptHow to set a background image to a Phaserjs gameStack Overflow