Phaser Game & Tutorials 

Phaser Games and Tutorials

Here you will find a lot of free and premium resources, templates, code snippets and tutorials for building  Phaser Games.  What is Phaser? Phaser is an html5/Javascript library that can work equally well on both on mobile and computers. This library is growing strongly in popularity and in many cases, it serves as a replacement for Abobe Flash. Like flash, it uses masks, sprites, tweens, animations, and groups. I have no official association with Phaser but I work in it almost every day.  You can find the official website here. It has a lot of wonderful resources. If you are just getting started then Click Here to see my getting started guide!

My latest Phaser Tutorials

Create A Text Style Library in Phaser 3 When I'm writing a game, I'm really into the logic of it. If I have to stop and look up fonts and colors all the time, my brain has to shift focus. In any case, I don't like to throw things away. I did something in Phaser 2, similar to the text style library I'm about to show you, for a project for my office. It got too complex for me to keep setting the fonts, colors, font sizes and origins (anchors) of the text fields over and again. Too many variations kept ...
Read More
Phaser 3 Physics With the release of Phaser 3 physics now have a lot to offer. Whether you are a beginner at Phaser or an old hand at earlier versions and want to move into Phaser 3, learning the basics of at least one Physics engine will make your games much easier to build.  One of the best things about Phaser is the way it implements physics. Before physics engines, programmers had to use a lot of complicated trigonometry formulas. I still love those formulas, but they can be quite time-consuming to look up and write for each and every game. Config Objects ...
Read More
How do I scale sprites in Phaser 3? Often times when making a game, I will add a sprite to the stage to find out it looks bigger in the game than it did in the editing program. Often times this produces comical results. Think of a coin being twice as big as the player! If it is really much too big then I will re-edit the image and scale it down. Sometimes though scaling makes sense. I use scaling in all my game to make things fit nicely on the screen. Using Maths for scale Personally, I like to ...
Read More
When learning any new framework or front-end language, especially for games the first three things I want to know are How to add an image How to add text How to add click events If you are coming from Phaser CE, I'm going to mention what's changed. If you are completely new to Phaser, just ignore those parts, and it will still help you get a jump start on building games in Phaser 3. The Game Object There is a global game object, just as there was in Phaser CE but now it no longer handles creating things for the ...
Read More
I became a flash developer in 2001. Three years later ActionScript 2 came out, and then in 2006 ActionScript 3 arrived. In 2009 I made my first trip to Silicon Valley, and I was still mostly relying on ActionScript 2. The day before I left, Adobe announced that our Flash programs would compile to the iPhone, and by the time the plane landed in San Jose, Apple had killed Adobe's plans. I started switching over to As3 about that time and used it for the next 7 years until it was clear Flash was not going to be a viable ...
Read More
Making a Phaser game in an 2 hours Most of the time I spend about a week or two on a game for my office, mostly refining things based on suggestions the team has made. When I'm doing my own games, however, there are times that I want to bust out a game in an hour or two. Of course, if we are going to only spend 120 minutes on a game, we are somewhat limited in the games we can make. To make it a bit easier, there are several things I always do. Prepare the graphics and sounds ...
Read More

From the Shop

Flat Buttons in Phaser 3 I'm starting to put together my library of Phaser 3 code so I can quickly put together my games. Dynamic buttons are a big part…

New To Phaser Development?

Take the Phaser Basics Mini-Course

Phaser Games Basics

About Me

My name is William Clarkson. I’ve been writing code for about 30 years now and am currently employed as a game developer for Gaiaonline.com where I am writing Phaser games and apps every day. I’ve been working with Phaser for almost 2 years now and am quite impressed with it. I am actively working to replace a lot of the flash work I did in the last 6 years with Html5 content and this is the library that is working well for me. Within two weeks of starting Phaser, I was creating games just as fast as I had done after 15 years of flash!

What would you like to learn?

If you have questions, a suggestion for what you’d like to see in a post or need support there are links to groups, or just feel free to contact me. I love talking about code especially when it comes to games.  If you are into making Phaser Games already then please check out our Phaser Game makers group.

 

Phaser 3

Recently Phaser 3 was released. I am scrambling to update the site with resources while balancing my day job. You’ll find plenty of Phaser CE items here, and the list for Phaser 3 will continue to grow as time goes on. If you’ve any specific requests about Phaser please contact me, and I’ll do my best to accommodate.