Phaser Quick Guide

Codecademy Team
Need a quick reference to fundamental Phaser concepts? Check this guide out!

Phaser offers a variety of methods and utilities right out of the box! It makes game development leaps and bounds easier than trying to tackle it from scratch.

Here’s a diagram to explain the flow of Phaser’s core functions and what code to include in each function:

Guide to Phaser's core Scene Functions

This second diagram explains how Phaser’s grid system works:

Guide to Phaser's Canvas coordinate system

If you want to print out the sheet or view it zoomed in, open the guide in a new tab.

Learn to build a game at Codecademy’s Phaser Course and find examples and other helpful information through Phaser’s own site.

Learn More on Codecademy

Skill path

Create Video Games with Phaser.js

It’s easy to get lost in the flow of a good game. But behind every power-up and boss battle is simple code that brings the game to life.
Includes 8 Courses
With Certificate
Beginner Friendly
18 Lessons
Free course

Learn Phaser.js: Fundamentals

Learn about the HTML5 game development framework that makes writing browser-based games a breeze.
Intermediate
2 Lessons