Phaser 3

I took some time (hours and hours actually) to learn a bit of the basics for Phaser 3 this past weekend. I must say it took me more time to adapt to it as it does not really come with an interface. The code were typed in code editors like Visual Studio and the output can be tested using a local host with software like XAMPP with the Apache module.

Accessible through the 'localhost' after activating Apache on the XAMPP Control Panel

According to https://phaser.io/phaser3, 

"Phaser 3 is the next generation of the Phaser Game Framework. Every last element has been rebuilt from scratch using a fully modular structure, combined with a data-orientated approach. It includes a brand-new custom WebGL renderer designed specifically for the needs of modern 2D games."

A screencapture of some of the things covered in the crash course.

As you can see, the crash course taught how to use JavaScript code and the free Phaser 3 SDK (or copy from https://phasergames.com) to animate a sprite running, include a text, change the transparency of an object after clicking, creating lines or shapes (filled or not) and many other useful programming knowledge for one to code one's own game. Besides the 'Road Rush' game that the course covered, there was also a pong game and a space shooter game. 

One of the deliverables you can try below

Try the Road Rush game below to have a sense of the kind of games that could be made using Phaser 3. Otherwise, those with more skills and creativity could build more elaborate gameplay or even build a smart AI.

Perhaps someday I can come up with something more interactive and educational using Phaser 3 or at least even something cool like the skeletal animation in the gif below.

UC-5e248a79-975b-4833-bc19-aee3b99aaf48