The Phaser community is great at sharing knowledge. Here are the most recent tutorials.
Subscribe to our newsletter for more free tutorials every issue.
A comprehensive tutorial with example code on how to create texture atlases for Phaser 3 with Texture Packer.
How to create a parallax scrolling effect with Tile Sprites, including pixel art assets to download.
Part 4 of the animated video series on getting started with Phaser 3, this time all about moving images.
In part 3 learn how to add client side logic for handling player input and collectibles.
Adding deadly fire to the game and making it more fun to play by reducing the players hitbox.
In the next part of this series Emanuele adds in a scrolling parallax background.
Carrying on from the Gravity tutorial it's time to make things jump!
In part 2 of the series learn how to add Socket.io and server logic for adding and removing players.
A JavaScript class to handle same-game logic and a Phaser 3 implementation example.
A blog post detailing the process of converting a legacy Flash game to HTML5 and the tools available.
A mini tutorial all about using gravity and sound effects in Arcade Physics.
A new tutorial on how to reduce the file size of your Phaser bundle by creating a custom build.
Learn how to create a Phaser game with Quest using their online tool and art templates.
Extending existing classes can be very powerful. In this tutorial learn the basics of how to extend a Sprite in Phaser 3.
A helper library for creating destructible 2D terrain complete with collision checks and examples.
Start with setting up a dev environment and moving to coding a game in TypeScript in this beginners tutorial.
Build a game like Block It in less than 100 lines of code in this new tutorial.
A new tutorial on creating 2D skeletal animations using Creature and Phaser 3.
In the next part of this series a new class is created that can generically handle any match 3 grid system.
Emanuele Feronato starts a new tutorial series on creating a Match 3 game using ES6.
In part three of the series textures and coins are included in the game.
In the second part of the series player animation and customizations are added.
A brand new tutorial covering setting-up in app purchases in Facebook Instant Games.
Codecademy have just launched their first two Phaser courses covering the creation of several games spread over 4 hours worth of content.
Part 3 of the animated video series on getting started with Phaser 3, this time using Game Objects.
A tutorial on creating a simple multiplayer game with Phaser 3 and Socket.io, with Phaser headless running on the Authoritative Server.
Grow a square so it will fit perfectly into the hole in this code-based tutorial.
How to create an Endless Runner style game using just a few lines of code and Arcade Physics.
A comprehensive guide on using Perlin Noise to generate an infinite terrain that loads in chunks around the player.
A Phaser 3 shader that applies a toon shading effect to a Scene, with edge and color level inputs.
In part 2 of the tutorial creating a game like Color Jump coins and comments are added into the source code.
Build a HTML5 game like “Color Jump” using Phaser 3 and Matter physics, introducing some ES6 features.
A great in-depth tutorial on building a paper plane glider with Phaser 3 and Arcade Physics.
The complete session on building games in Phaser 3 from the ThunderPlains 2018 conference.
Prefer using Parcel to Webpack? This is a complete Phaser 3 game template for painless set-up.
In this tutorial the prototype is evolved from using basic debug graphics to proper art assets.
A new beginners tutorial series of animated videos on getting started with Phaser 3.
A comprehensive 5 part tutorial on creating a shoot-em-up in Phaser 3.
A new Phaser 3 version of this tutorial about creating a game based on the iOS game Magick.
Why shaders are cool and how to use them in Phaser 3.
A new beginners tutorial series of animated videos on getting started with Phaser 3.
A quick-start guide to getting running with Phaser Editor 2 and Phaser 3.
Build a complete level selection screen with pagination, stars, locked levels, swipe control, pagination buttons, saving level progression, tweens and more.
A free cyberpunk city art pack, complete with game source example.
Four HTML5 examples to show you the difference between frame based gameplay and time based gameplay.
A tutorial on how to create perfect mazes for your game, including Phaser 3 plugin and demo code.
The first in a series of videos about creating mobile games with Phaser 3 from scratch.
In this part the game is enhanced with double jumps, particle trails, explosions and camera effects.
A tutorial detailing a flexible way to add and remove skins from Sprites.
Learn how to add tint support to BitampText even when using the Canvas Renderer in Phaser 3.
In the next part, collision detection with the spikes is added using line collision instead of physics.