How to Create a Loading Screen in Phaser

When you open a game, one of the first things that occur as that image and asset files need to be loaded from the disk or from remote sources. You can’t make your player wait with a blank screen as that would create a bad experience. Instead, what people do is create loading screens that indicate the progress of the asset loading.

In Phaser, you can create loading screens by using States. Think of a State as a “lifetime event” of your game. You can have States to represent key moments such as asset loading, the game itself, a home screen, et.

The following Phaser video tutorial is a free sample from The Complete Mobile Game Development Course – Learn by Making 15 Games where we build 15 mobile games using JavaScript and Phaser, and also cover how to export them to iOS, Android and Amazon.

This tutorial explains how to use a State to create a loading screen with progress bar for your game.:

Join hundreds of developers and participate of the discussions in the course

Published by

Pablo Farias Navarro

Founder of Zenva - the world's leading platform to learn programming and game development, which features a community of over 400,000 learners.Pablo is also a member of the Intel Software Innovator program in the Asia Pacific Region, and the Oculus Start program, which features upcoming developers and startups in the VR space.

Share this article

Leave a Reply