Phaser Basics academy.zariba.com 1
Jan 03, 2016
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