Full source code of HTML5 game "Watermelon Game" built with Phaser, written in TypeScript

Updated to Phaser 3.80.1

Full source code of a complete HTML5 game like "Watermelon Game" using Phaser framework and Box2D physics engine powered by Planck.js, all written in TypeScript.

You can play the game at this link.

From the experience of more than 500 tutorials about Phaser framework, here is a complete Watermelon 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.
• Use bitmap fonts.
• Place and move sprites on the screen.
• Wait for player input and handle it.
• Create animations using tweens.
• Play sounds.
• Recycle resources to save memory using object pooling.
• Use particle to generate explosion effects.
• Handle and save high scores and game data.
• Use Box2D physics library.
• Simulate a physics world.
• Create physics circles.
• Create physics boxes.
• Create physics pentagons.
• Detect collisions.
• Render a Box2D world using Phaser sprites.

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