Full-day training on mobile game development with JavaScript using the Phaser library. To learn more about our online and on-site training on game, web and mobile app development visit https://zenva.com

1. M2 – Phaser Basics
Pablo Farias Navarro
@ZenvaTweets
https://zenva.com

2. ● * MAP *

4. Games at phaser.io

7. Features
● Rendering
● Animations
● Input
● Asset loading
● Screen scaling
● Physics
● Particle effects
● Very active community and developers

8. Development environment
● Web browser
● Code editor
● Web server

9. Getting Phaser

10. Let's get started
● Including Phaser
● Initiating a game
● Working with sprites
– Coordinates
– World center
– Anchor point
– Rotation
– Scaling
– Flipping

11. Basic interaction
● User input
● Tween animations

12. Challenge
● Open file in M2 – Phaser
basics/Challenges/sprites

13. Basic interaction
● User input
● Tween animations

14. Challenge

15. More basics
● Text
● Spritesheet animations
● Audio

16. Challenge

17. Summary
● Phaser overview
● Sprites
● User input
● Tween animations
● Text
● Spritesheet animations
● Audio