Free Phaser game development tutorials

A list of tutorials covering Phaser 2 and 3. Main focus is sprites, sprite sheets, animations, game physics and light effects and optimization.

How to create physics shapes for Phaser 3 and Matter JS

Learn more about:

  • Using Phaser 3 with MatterJS
  • Edit physics shapes visually with PhysicsEditor
Continue reading...

How to create sprite sheets for Phaser 3 with TexturePacker

Joachim Grill, Andreas Löw

Content of the tutorial:

  • Creating sprite sheets with TexturePacker
  • Loading sprite sheets in Phaser
  • Setting pivot points with TexturePacker
  • Playing animations from the sprite sheet
  • Optimizing start up time and reducing download size
  • Complete code is on GitHub
Continue reading...

How to create light effects in Phaser 3

Content of the tutorial:

  • Load normal maps in Phaser
  • Create movable light
  • Use normal mapped sprites
  • Use animated normal mapped sprites
Continue reading...

Tutorial: Creating a game with Phaser and P2 Physics

Josh Morony & Andreas Löw

This tutorial explains how to create a small physics enabled game with Phaser

  • Creating physics collision shapes
  • Working with collision groups
  • Starting the physics simulation
  • The difference between Arcade and P2 physics
Continue reading...

Creating spritesheets for Phaser 2 with TexturePacker

Learn how to use SpriteSheets with Phaser:

  • Creating sprite sheets with TexturePacker
  • Loading sprite sheets in Phaser
  • Optimizing start up time and reducing download size
  • Using static sprites in Phaser
  • Playing animations from the sprite sheet

This blog post contains full source code available on GitHub.

Continue reading...