PhaserJS

Creating A Phaser 3 Template Tutorial - Part 1

My new Phaser 3 tutorial on creating a Phaser 3 template is finally live on Game Dev Academy.

In this tuorial, I show you how to create a Phaser 3 template that you will be able to extend and reuse in future Phaser 3 game you work on. In the tutorial, I show you how to:

  • extend the basic Phaser 3 template
  • adding a Boot scene
  • adding a Preloader scene

In part 2 we will wrap up the tutorial by covering the following topics:

Phaser Progressive Web Apps Tutorial

My new Phaser 3 tutorial on creating an offline first game in Phaser 3 is finally live on Game Dev Academy.

In this tuorial, I show you how to turn your Phaser Game into a Progressive Web App. In the tutorial, I show you how to:

  • add a service worker
  • cache assets
  • manage your cache assets
  • how to allow users to add your game to their home screen

You can checkout the tutorial here: https://gamedevacademy.org/phaser-progressive-web-apps-tutorial/

Create a Dialog Modal Plugin in Phaser 3 – Part 2 Tutorial

My new Phaser 3 tutorial on making a dialog modal plugin in Phaser 3 is finally live on Game Dev Academy. This is the second part of the tutorial.

In this tuorial, we pickup were we left off in the first tutorial we focus on the following:

  • adding logic to for a close button on the dialog window
  • add logic to show/hide the window
  • add logic to show dialog
  • add logic to animate the text

You can checkout the tutorial here: https://gamedevacademy.org/create-a-dialog-modal-plugin-in-phaser-3-part-2/

Create a Dialog Modal Plugin in Phaser 3 – Part 1 Tutorial

My new Phaser 3 tutorial on making a dialog modal plugin in Phaser 3 is finally live on Game Dev Academy. This is the first part of the tutorial.

In this tuorial, we focus on the basics of creating a plugin that can be reused in all of your Phaser games. We then move on to creating our basic plugin, and then we wrap up the tutorial by getting the plugin to render our dialog window in our game.

Create A Basic Multiplayer Game In Phaser 3 With Socket.io – Part 2 Tutorial

My new Phaser 3 tutorial on making a multiplayer game in Phaser 3 is finally live on Game Dev Academy. This is the second part of the multiplayer tutorial.

In this tuorial, we pick up were we left in part 1, and we start adding the client side logic for adding players to our game. We then move on by adding the logic for player input and finally we wrap up the game by adding some collectables for the players to collect.

Creating A Preloader Screen In Phaser 3 Tutorial

Recently, I took a Phaser 3 tutorial writer position at Zenva (Game Dev Academy - https://gamedevacademy.org/) , and now that my first tutorial has been approved and it is finally live, I wanted to share it here.

For my first tutorial, I decided to expand on the simple preloader tutorial I wrote about in Feburary (here is a link in case you missed it: https://scottwestover.github.io/2018/02/14/Phaser3-Create-a-simple-preloader/) .

In this tutorial, I show you how to make a simple preloader scene by displaying a progress bar. Then, we enhance the progress bar by adding:

Phaser3 - Create a simple preloader

With the official release of Phaser 3 this week, and Phaser 2 games not working on Phaser 3, it would be a great time to start using Phaser 3. In this tutorial, I am going to show you how to make a simple preloader in Phaser 3.

For this tutorial, we are going to keep things simple, and just put all of our code in our HTML file. To get started, we need to create an index.html file, add the phaser.min.js script, and initialize our Phaser game object. Here is an example of that:

Phaser 3 Release

In just a few short days, Phaser 3 will officially be released (Feb. 12th)! If you are not familiar with Phaser, it is a desktop and mobile HTML5 game framework that is written in JavaScript. The framework is easy to use, free, and completely open source.

Phaser 3 has been in continuous development since October 2016, and it has undergone a lot of changes since then. While waiting for the new version to be released, the developers has regularly been releasing beta builds of the framework, so it has been interesting to watch how it has changed. The API has undergone a lot of changes, and everything has been rewritten since version 2.

Ludum Dare 36 Game Entry

Last weekend a few friends from work and I decided to enter Ludum Dare. Ludum Dare is one of the longest running game jams that happens every April, August, and December. It has been around for 12 years, and we finally decided to enter this time around.


It was a really interesting experience, since you have a strict deadline to make a game, and you do not receive the theme of the game jam until the jam starts. The theme this time around was ancient technology, so we decided to try and make a 2D platformer that was similar to the old load runner games.

You play as a caveman, and your objective is to try and steal the other caveman's fire and get it back to your cave. You must dodge the other cavemen, until you are able to make a spear which will allow you to attack them. In the end, the game was only 2 levels long.

The game itself was made in Phaser, all audio in the game was original, and most of the art was obtained from opengameart.org. If you are interested in seeing our finished project, you can see it here: http://ludumdare.com/compo/ludum-dare-36/?action=preview&uid=113176

Overall, it was a lot of fun, and it was nice to see this project through to completion. If you are interested in checking out the source code, you can find that on GitHub here: https://github.com/scottwestover/Ludum-Dare-36



If you have an interest in game development, and if you have not had the chance to enter into a game jam, I would recommend that you do. It can be quite daunting at first, but it is really rewarding when at the end of the jam, you have something to show. It is a great learning experience since it allows for you to get feedback on your work, and you can see how other people made their games.

I hope you enjoyed this post. If you have any questions or comments, please feel free to post them below.