Seasoned dev or complete beginner? We've got learning resources for you. Documentation, books, videos and stacks of 3rd party tutorials. Keep coming back because new content is added daily!

Online Code Editor

The Phaser Sandbox allows you to code games in your browser without having to download or install anything.

The powerful editor features Phaser code assists, JavaScript snippets and lots of the features you've come to love in editors like Sublime and Brackets.

Latest Tutorials

The Phaser community is great at sharing knowledge. Here are the most recent tutorials:

thumb
tutorial
23rd March 2017

The first part of a new series about creating card games in Phaser, in this part: deck management.

thumb
tutorial
21st March 2017

The Drag and Match engine update is completed with object pooling, removable tiles and combos.

thumb
tutorial
20th March 2017

The Drag and Match engine is updated with a valid move feature and movement undo.

thumb
tutorial
17th March 2017

How to make a multiplayer online game with Phaser, Socket.io and Node.js.

thumb
tutorial
14th March 2017

The Drag and Match engine continues to be updated, this time with tweens smoothing things out.

thumb
tutorial
13th March 2017

Visually display details about any object in your game, with multiple display configuration options.

thumb
tutorial

Inspect, view and modify masses of Sprite properties from a nice visual UI.

thumb
tutorial

The Drag and Match engine gets updated for Phaser 2.6 in the first part of this new tutorial series.

thumb
tutorial

In part 6 of the video series the differences between Text and Bitmap Text are explored.

thumb
tutorial

A plugin to visually inspect and modify common game settings in real time.

thumb
tutorial

A great little Sprite rotation control for easily rotating Sprites by dragging.

thumb
tutorial

A tutorial on tweeting with Twitter within your Phaser games.

thumb
tutorial

A simple tutorial on how to fade an object between two colors.

thumb
tutorial

A plugin that allows you to have seamless translations in your game.

thumb
tutorial

Josh Morony is back with a new 15 minute tutorial video on the anatomy of a Phaser project.

thumb
tutorial

How to install and set-up the Fenix web server for local Phaser game dev.

thumb
tutorial

In part 4 of the String Avoider series the game gets a graphical overhaul.

thumb
tutorial

A 3 part tutorial on using the Graphics features to draw all kinds of interesting shapes.

thumb
tutorial

A Phaser Starter Project with NPM, Webpack, TypeScript and more!

thumb
tutorial

A new plugin to help with grid / tile based movement and physics, with loads of cool features.

thumb
tutorial

A tutorial from Envato Tuts all about the new Camera Features in Phaser.

thumb
tutorial

A plugin to generate bar graphs from an array of numbers, with a simple API and flexible options.

thumb
tutorial

The team at Jscrambler have released a tutorial on creating a puzzle game, then encrypting it with their service.

thumb
tutorial

A tutorial on creating a random boolean balancer class, to allow for more even distribution of 'random' values in your games.

thumb
tutorial

A great tutorial on merging images with your Bitmap Fonts, allowing you to easily display them without worrying about text sizing or wrapping.

thumb
tutorial

In this tutorial you'll learn how to create a 2.5D top-down game, with multiple layers, moving and collision detection.

thumb
tutorial

This new component allows you to simulate vertical and horizontal scrolling to a Phaser.Group, with lots of configuration options to set.

thumb
tutorial

The Phaser Manifest Loader lets you easily load assets that have been compressed and fingerprinted by webpack.

thumb
tutorial

In part 3 of the String Avoider series, the scissors power-up is added to the game.

thumb
tutorial

In the second of the tutorial series, the String Avoider game is optimized for mobile devices.

Official Tutorials

Here's a collection of official Phaser tutorials:

thumb
Performance
25th November 2016

How to take advantage of the new features in Phaser CE to improve game rendering performance.

thumb
Motion
2nd March 2015

This time we're exploring a way to create waveforms, or paths for your baddies to follow.

thumb
shoot-em-up
23rd February 2015

The whole point of a shoot-em-up is of course shooting things. For this you need bullets. Lots of them.

thumb
Action
13th February 2015

You are standing back to back. You take 10 paces, turn and reach for your guns. How quick are you? Can you shoot first?

Comments

comments powered by Disqus