Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML5 Mobile Game Development Workshop - Module 2 - HTML5 Developer Conference 2015

343 views

Published on

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

Published in: Software
  • Be the first to comment

  • Be the first to like this

HTML5 Mobile Game Development Workshop - Module 2 - HTML5 Developer Conference 2015

  1. 1. M2 – Phaser Basics Pablo Farias Navarro @ZenvaTweets https://zenva.com
  2. 2. ● * MAP *
  3. 3. Games at phaser.io
  4. 4. Features ● Rendering ● Animations ● Input ● Asset loading ● Screen scaling ● Physics ● Particle effects ● Very active community and developers
  5. 5. Development environment ● Web browser ● Code editor ● Web server
  6. 6. Getting Phaser
  7. 7. Let's get started ● Including Phaser ● Initiating a game ● Working with sprites – Coordinates – World center – Anchor point – Rotation – Scaling – Flipping
  8. 8. Basic interaction ● User input ● Tween animations
  9. 9. Challenge ● Open file in M2 – Phaser basics/Challenges/sprites
  10. 10. Basic interaction ● User input ● Tween animations
  11. 11. Challenge
  12. 12. More basics ● Text ● Spritesheet animations ● Audio
  13. 13. Challenge
  14. 14. Summary ● Phaser overview ● Sprites ● User input ● Tween animations ● Text ● Spritesheet animations ● Audio

×