Phaser Quick Guide
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:

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

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.
'The Codecademy Team, composed of experienced educators and tech experts, is dedicated to making tech skills accessible to all. We empower learners worldwide with expert-reviewed content that develops and enhances the technical skills needed to advance and succeed in their careers.'
Meet the full teamRelated articles
- Article
HTML5 Game Development with Phaser
Learn about HTML5 game development with one of the most popular frameworks, Phaser! - Article
Developing Phaser 3 Games Locally
Learn how to develop Phaser 3 games locally on your own computer. - Article
How to Create a Simple 2D Game in Godot
Learn how to create a simple 2D game in Godot with this beginner-friendly guide covering sprites, animations, scripting, and gameplay mechanics.
Learn more on Codecademy
- Free course
Learn Game Development with Phaser.js
Learn about the HTML5 game development framework that makes writing browser-based games a breeze.Intermediate7 hours - Free course
Learn Phaser.js: Fundamentals
Learn about the HTML5 game development framework that makes writing browser-based games a breeze.Intermediate2 hours - Free course
Learn Phaser.js: Animations and Visuals
Make your Phaser game stand out visually using animations and camera effects.Intermediate2 hours