Phaser: Scenes

This post is part of a Phaser series. Click here to see the first post of the series.

Scenes are where we define our game, and we pass them as a property to the scene object to the configuration.

In particular, we can define

  • preload is the function where we can load external assets
  • create called when the game is first created, here we can define the GameObjects needed at the start of the game
  • update is the game event loop, where we define how the game works

GameObjects are a particular type of Phaser objects

Here’s an example of the first 2 events mentioned:

function preload() {}

function create() {}

new Phaser.Game({
  width: 450,
  height: 600,
  scene: {
    preload: preload,
    create: create
  }
})

Or, since each property in this case has the same name of the function:

new Phaser.Game({
  width: 450,
  height: 600,
  scene: {
    preload,
    create
  }
})
⭐️ install javascript into your brain with the JavaScript Masterclass. -26 days ⭐️