Tutorial

Adding Gitment to your Hugo blog

In my last post, I talked a little bit about Gitment and how you could use that library for using GitHub Issues for comments on your blog. In this post, I am going to share with you how you can add Gitment to your Hugo blog. If you are not familiar with Gitment, it is a small JS library that leverages GitHub Issues for storing comments on each post.

Some key things to note about Gitment:

Using ES6 With Phaser 3

Phaser 3 offers a fantastic Webpack project template that makes it easy to start creating games right away. This template uses Webpack Dev Server , which provides live reloading while working on your game. It will also bundle all of JS files into one file once you are ready to deploy your game.

However, one thing that is missing from this template for me is support for ES6 and other newer features of JS. The great thing about the template is, we can easily extend it to include Babel, which will compile our JS code into backwards compatiable version of JS that is supported in curretn and older browsers.

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.

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:

Unity 2D Snake Tutorial Part 1

For this tutorial we are going to make a simple 2D snake game in Unity. If you are not familiar with the classic arcade game Snake, it is a game that was originally created in the 1970's, and it gained a lot of popularity when it was included on Nokia phones. The game itself has a few variants.

For this tutorial, the main objective of the game is to eat as many apples as you can without running into the any of the walls, obstacles, or yourself. As you eat apples, the snake will get longer, and the speed of the game will pick up, forcing the player to react faster, and to have to think strategically.