Skip to content

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

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

→ Here's my latest YouTube video

→ I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter

JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025

Bootcamp 2025

Join the waiting list