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 assetscreate
called when the game is first created, here we can define the GameObjects needed at the start of the gameupdate
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
}
})
→ 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