Phaser 3 and TypeScript Everything in one place

Here you will find everything you need to develop games with Phaser 3 in TypeScript. Have fun discovering, developing and playing!

Getting started

Prerequisites

Download and install Node.js @ https://nodejs.org/en
Download and install yarn @ https://classic.yarnpkg.com/en/docs/install

Boilerplates

Pre-configured phaser boilerplates:

name	desc	run
webpack-boilerplate	basic typescript boilerplate using webpack	yarn webpack-boilerplate
parcel-boilerplate	basic typescript boilerplate using parcel	yarn parcel-boilerplate
mobile-boilerplate	basic typescript boilerplate using webpack + capacitor	yarn mobile-boilerplate

Examples

Simple Games

name	desc	run
Alpha Adjust	Click if the alpha of the left and right image is the same.	yarn alpha-adjust
Asteroid	Classic asteroid game.	yarn asteroid
Blockade	2 player snake.	yarn blockade
Blocks	Blocks.	yarn blocks
Breakout	Breakout game.	yarn breakout
Candy Crush	Candy Crush clone.	yarn candy-crush
Clocks		yarn clocks
Coin Runner		yarn coin-runner
Endless Runner		yarn endless-runner
Flappy Bird		yarn flappy-bird
Snake		yarn snake
Space Invaders		yarn space-invaders
Space Shooter		yarn space-shooter
Super Mario Land		yarn super-mario-land

Complex Games

TBD

Experimental

Check the package.json for the correct scripts to start projects. For example you can start the Game of Life project with:

yarn game-of-life

• Cellular Automaton
• Fractal Tree
• Game of Life
• Lissajous curve
• Point in Polygon
• Procedural Generation
• Raycasting
• Untextured Raycaster

Plugins

Patterns

Check the package.json for the correct scripts to start projects. For example you can start the Factory Method project with:

yarn factory-method

• Factory Method