Ladderz

Line by line commented source code of a complete HTML5 endless runner cross platform game using Phaser framework.

After publishing more than 200 tutorials and two books covering Phaser, here is a complete vertical endless runner which will make you learn how to create HTML5 cross platform games using JavaScript and the Phaser framework.

The game features endless runner action, 5 different enemy types, coins to collect, animated sprites and platformer action, you can play it at https://triqui.itch.io/ladderz

Enemy types: spikes, fire, arrows, spiked monsters and monsters which can be killed by jumping over them.

Studying and playing with this source code will allow you to learn on a real-world working example, covering, among other things, now to:

• Create a Phaser project
• Detect and force for a certain screen orientation - portrait in this case
• Preload graphics and sounds
• Use bitmap fonts
• Wait for and handle player input
• Create frame-by-frame animations
• Create animations using tweens
• Use ARCADE Physics engine to manage sprites movement and collision
• Play sounds
• Recycle resources to save memory using object pooling
• Use particle to generate sparkling effects
• Handle and save high scores and game data
• Adapt the game to various screen resolutions
• Create custom listeners and signals

There's no doubt you will learn a lot from this game, or you can just reskin it as you prefer and publish on game portals or even sell it to your customers.