Phaser 3 Basics: Changing Positions

Phaser 3 Basics: Changing Positions

In this guide, we will be taking a look at how to manipulate the position of images and sprites in Phaser 3. Being able to change the x and y positions of objects in your game is very useful and will allow you to add some awesome mechanics. Before we begin, I will...
Phaser 3 Basics: Adding Sprites

Phaser 3 Basics: Adding Sprites

In the game development world, sprites are the 2D images in your game. Since this is the case, being able to add sprites is a very important skill to know. To begin, I will assume you have a scene already setup. If you don’t, feel free to check out this guide of...
Phaser 3 Basics: Custom Fonts

Phaser 3 Basics: Custom Fonts

In this guide, we will be covering how to load custom fonts, specifically TrueType fonts, with Phaser 3. To begin, you will need a scene setup for this guide. If you don’t have a scene made already, you can learn how to create one here. Essentially, you need to define...
Phaser 3 Basics: Loading Sounds

Phaser 3 Basics: Loading Sounds

In this guide, we will be learning how to load sounds with Phaser 3. At this point it would be useful if you had a scene already setup. If you don’t, you can take a look at my boilerplate code guide in this series. In your scene, define a preload method if you...
Phaser 3 Basics: Loading Images

Phaser 3 Basics: Loading Images

In this guide, we will be taking a look at how to load images with Phaser 3. Hopefully you have a scene already setup. If you don’t have a scene setup already, please visit my tutorial on writing boilerplate code. In your scene, define a preload function if you...
Phaser 3 Basics: Boilerplate Code

Phaser 3 Basics: Boilerplate Code

In this part we will be adding the boilerplate code for our Phaser game. There are a few steps we need to do: add code to our index.html file, add some code to an index.html file, defining a game configuration, creating a boot scene, adding a main scene, and creating...