Learn how to create a web game using Phaser 3, a popular javascript game engine. Draw a map using an editor, implement the player, make the player move, apply physics, collisions, and implement the enemies.

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers supporting Canvas and WebGL rendering. Phaser 3 is the new version of the Phaser Game Framework series. It includes a brand-new custom WebGL renderer designed specifically for the needs of modern 2D games. Phaser uses both a Canvas and WebGL renderer internally and automatically switch between them based on browser support. This allows for lightning fast rendering across Desktop and Mobile.


To follow this course, you can download the source file, which will help you compare your progress.

Make your first web game with Phaser 3

In this course, you will learn how to create a web game using Phaser 3 which is a game engine. You will also learn how to draw a map using a map editor, implementation of the player, make the player move, applying physics, collisions and implementation of enemies. You can preview the game here.

Learn to make a level in a map editor

In this section, we will be making from scratch our own map. When programming your game, one of the most time wasting part is to code your level. We will use Tiled which is a Tile map editor to help you having a better workflow.

Learn to import a level from Tiled

In the last section, we learned to make a map in Tiled so in this one, we will implement the map that we created inside the game. It will cover the loading of the assets, how to create layers and add a background.

Essential element in a game

In any game, you will always find this element because it is the most essential one: the player. The player is one feature that can determine if your game is good or really good. In this section, we will learn the implementation of the player, apply physics to it, to make it move around the map with animation and finally, the camera work.

Applying physics in your game

In this section, we will learn about collisions. Collisions enable us to trigger events in the game. A Collision happens when two objects strike one against the other. The player is like a ghost right now because it is passing through walls. There’s no collision involved yet.

Implementation of opponents

In video games, the enemies and monsters play an important role in the gameplay. They make the game fun by making the difficulty harder or by teaching you lessons. In this section, we will implement enemies in the game, make them move randomly and trigger death when touching them.

Group 6 CopyCreated with Sketch.

More Information?

Fill out your details and we will get back to you as soon as possible.