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 - 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.