Commented source code of HTML5 circular endless runner

Full commented source code of a complete HTML5 circular endless runner using Phaser framework all written in TypeScript.

You can play the game at this link. It's built to work both in portrait and landscape mode.

From the experience of more than 500 tutorials about Phaser framework, here is a complete circular endless runner game which will make you learn game development using Phaser and TypeScript.

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

• Install a webpack Phaser project with all dependencies.
• Create a Phaser project.
• Preload graphics, sounds and all needed assets, showing a loading bar.
• Create multiple scenes.
• Use bitmap fonts.
• Use tilesprites to fake endless scrolling backgrounds.
• Place and move sprites on the screen.
• Wait for player input and handle it.
• Create particle explosions, shaking the screen.
• Build a physics game without using a physics engine.
• Handle and save high scores.

Learn HTML5 game development by studying on a real world example.

Don't know where to start? There's a free guide to get you started.