Full source code of HTML5 game "Drop the Square" built with Phaser, written in TypeScript

Full commented source code of a complete HTML5 game like "Drop the Square" using Phaser framework all written in TypeScript, using the official Phaser webpack template.

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 Drop the Square 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 animations using tweens.
• 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.