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 assume you already created a scene and added a sprite or image. Don’t have a scene added? I would recommend checking out this tutorial I wrote....
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 haven’t already. In order to define an image, you will need to follow this syntax: this.load.audio(, );...
This tutorial has been updated November, 2019. In this part, we will setup an environment to create a Phaser 3 game. Before we dive in, we need a web server of some sort in order to run our game. This is necessary because we don’t want any malicious JavaScript to read our file system from within the browser. Phaser’s website has a great guide on the web server portion of the setup....
Phaser is one of the most popular HTML5 game frameworks. It uses modern web technologies that allow for creating epic cross-browser games. In this tutorial series, we will be covering the basics of Phaser 3! This series will cover everything needed to make a basic game. Some of the concepts we will be covering include: Setting up a simple development environment Loading images, sounds, and TrueType fonts Adding sprites Changing positions Setting velocity and acceleration Simple collisions Basic sprite effects Playing sounds Particles The goal of this series is to break down these concepts into small, manageable parts....