Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Game Development with Phaser!
You have completed Game Development with Phaser!
Preview
Explore how to set up a basic Phaser game by simply using a local server.
Download the project files
Phaser configuration for our breakout game:
const config = {
type: Phaser.AUTO,
parent: 'game',
width: 1280,
height: 720,
scale: {
mode: Phaser.Scale.FIT,
},
scene: {
preload,
create,
update,
},
}
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
In this video, we're going to
set up a simple phaser project.
0:00
Let's start off by opening
the project files.
0:00
This can be found in the teacher's
notes section below this video.
0:03
I've already downloaded and
extracted this folder, so
0:07
I'm going to open it in VS Code.
0:11
The project contains a folder called
assets and three files, one called
0:13
breakout.js, another index.html,
and one more called phaser.min.js.
0:18
Let's go through the assets folder.
0:23
The assets folder should only be used for
static assets,
0:26
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up