Phaser Html5 Games Basics

William Clarkson, Codemonkey!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Videos (29m)
    • Introduction

      0:30
    • Tools Needed

      1:00
    • Setting Up the local server

      3:00
    • Making a template

      5:15
    • Understanding Built in Functions

      1:38
    • Add an Image to the Canvas

      1:50
    • Sprite Properties

      3:37
    • Centering

      1:27
    • Spritesheets

      1:33
    • Animations

      2:13
    • Clicking a Sprite

      2:31
    • Adding Text

      2:07
    • Adding Sound

      1:35
    • Conclusion

      0:22

About This Class

Learn the basics of an amazing framework for rapidly building html5 games.

5 of 5 students recommendSee All

Very easy to follow course. Just make sure that when copy pasting lines do check X and Y. Don't be dumb like me :D Also do use the version 2 which you can download here: https://github.com/photonstorm/phaser-ce/releases/download/v2.10.5/phaser.min.js (wget the link or right-click and save as phaser.min.js) Best luck!
I really enjoyed this class, as it taught me the basics to get my Phaser game up and running with some simple sprite animations. I really enjoyed the flow of the content being introduced and the handy code examples. @Teacher, please advise us if there are any updates or differences now that Phaser 3 has been released! I would like to use this version once they release more examples on the differences. Thank you!

111

Students

--

Projects