1

Phaser Basics

academy.zariba.com

2

Lecture Content

1. What is Phaser?2. Why Phaser?3. Phaser Pros and Cons4. Phaser Resources5. Sample Template in WebStorm (TS)6. Introduction to Phaser with Examples

3

What is Phaser?

Phaser is an open-source javascript engine/framework for HTML5 games. Developed by Richard Davey, who has been very active in the HTML5 community for years.

4

Why Phaser?

Phaser is currently one of the best HTML5 game engines, offering lots of features, yet, it is simple and easy to use.

Why use Phaser when there is Unity 3D? Unity does not support HTML5 without the Unity plugin. There is the WebGL option but it is relatively new and not working as we would like it to be.

You can publish an HTML5 game on ANY device that has a web browser.

Comparison

5

Phaser Pros and Cons

Pros• Simple• Lightweight• Easy to Use• Well-Documented• Lots of Features• Great Community• Lots of Ways to Learn

Phaser• Constantly Updated

(excited for Phaser 3)• Has some very cool plugins• You can publish anywhere• Lots more…

Cons• Scaling is not straight-

forward• Hard to build for mobile• Sometimes (rarely) the

built-in functions do not behave as you would expect them to

6

Phaser Resources

• Examples• Tutorials1 Tutorials2 • THE Forum• Phaser Chains• Documentation

7

Simple Phaser Template (TypeScript)

8

Introduction to Phaser with Examples

1. Bitmap Data2. Images and Animations3. Groups4. Tweens5. Text6. Physics

9

Zariba Academy

Questions