Phaser Basics academy.zariba.com 1

Lecture Content 1.What is Phaser? 2.Why Phaser? 3.Phaser Pros and Cons 4.Phaser Resources 5.Sample Template in WebStorm (TS) 6.Introduction to Phaser with Examples 2

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 Tutorials2Tutorials1Tutorials2 THE Forum Phaser Chains Documentation

7 Simple Phaser Template (TypeScript)

8 Introduction to Phaser with Examples 1.Bitmap Data 2.Images and Animations 3.Groups 4.TweensTweens 5.Text 6.Physics

9 Zariba Academy Questions