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
}
})
I wrote 21 books to help you become a better developer:
- HTML Handbook
- Next.js Pages Router Handbook
- Alpine.js Handbook
- HTMX Handbook
- TypeScript Handbook
- React Handbook
- SQL Handbook
- Git Cheat Sheet
- Laravel Handbook
- Express Handbook
- Swift Handbook
- Go Handbook
- PHP Handbook
- Python Handbook
- Linux Commands Handbook
- C Handbook
- JavaScript Handbook
- Svelte Handbook
- CSS Handbook
- Node.js Handbook
- Vue Handbook