Phaser 3

Phaser  3 - Realtime ligthing

Phaser 3 - Realtime ligthing

One completely new feature of Phaser 3 is the dynamic lighting layer. By adding light sources and marking sprites to receive lights it is possible to light them up. With Phaser 3.6.0 the default rendering path is forward lighting. The deferred lighting path is not ready yet. The shader exists but, somehow the pipeline file is missing(?).

Phaser 3 - Loading screen & asset organization

Phaser 3 - Loading screen & asset organization

The first real thing a user faces is the loading screen, therefore showing a progress bar is essential. The approach of loading the assets and displaying the progress is not much different from Phaser 2. The structure with the two scenes “boot” and “preload” works also for Phaser 3, but the underlying API of the file interaction has been changed a lot. In the following, I’ll show an example, how to organize the assets and to display a simple progress bar.

Phaser 3 - Game configuration

Phaser 3 - Game configuration

Phaser is one of the most powerful 2D engines written in JavaScript. Now with Phaser3 it is even more powerful, but some things have changed. Let’s explore the initialization of a Phaser3 canvas which is very similar to the previous version, but requires now a configuration object.

Phaser 3 - Download

Phaser is one of the most powerful 2D game engines for JavaScript. Many games have been published with Phaser 2. The development of Phaser 3 started long ago and now the first alpha is released. Phaser 3 includes many new techniques and features. Lately (11.08.17) the lightning layer with deferred and forward render path is added.