Phaser 3 and TypeScript

Boilerplate, Game Examples and Tutorials for Phaser 3 in Typescript

Phaser is a fast, free, and fun open source HTML5 game framework. Here you will find a boilerplate for Phaser 3 in TypeScript and Webpack, Game Examples and Tutorials.

Feedback is always welcome!

Install

Navigate to the folder and clone this repository.

git clone https://github.com/digitsensitive/phaser3-typescript.git

Build and Run

Building and running is as easy as the three following steps:

1. navigate to root folder
2. npm install to install dependencies (folder: node_modules)
3. npm run dev to build bundle.js & start server.

Alternatively to build a version npm run build.

🎮 Game Examples

• Coin Runner
• Snake
• Flappy Bird
• Blockade
• Asteroid
• Candy Crush (coming soon)
• If you have any suggestion for a next game example, let me know!

💎 Cheat Sheets

• Phaser.Game
• Phaser.Scene
• Phaser.GameObject.Image
• Phaser.GameObject.Sprite
• Phaser.GameObject.Group
• Phaser.GameObject.Bitmaptext (coming soon)
• Phaser.GameObject.Blitter (coming soon)
• Phaser.GameObject.Container (coming soon)
• Phaser.GameObject.Graphics (coming soon)
• Phaser.GameObject.Lights (coming soon)
• Phaser.GameObject.Mesh
• Phaser.GameObject.Particles (coming soon)
• Phaser.GameObject.Pathfollower (coming soon)
• Phaser.GameObject.Quad (coming soon)
• Phaser.GameObject.Rendertexture (coming soon)
• Phaser.GameObject.Sprite3d (coming soon)
• Phaser.GameObject.Text (coming soon)
• Phaser.GameObject.Tilesprite (coming soon)
• Phaser.GameObject.Zone (coming soon)

🍪 External Resources

• Phaser 3 Framework
• Phaser 3 Docs with TypeScript Definition File
• Phaser 3 Online Docs
• Phaser 3 Official Examples

💌 Changelog

Learn about the latest improvements

🚀 Want to help?

Want to correct a bug, contribute some code, or improve the codes? Excellent! Let me know!