GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - digitsensitive/phaser3-typescript: Phaser 3 and TypeScript

BranchesTags
Open more actions menu

Latest commit

 

History

689 Commits
689 Commits

Folders and files

NameName
Last commit message
Last commit date
.github
.github
 
 
src
src
 
 
.gitignore
.gitignore
 
 
.prettierignore
.prettierignore
 
 
.prettierrc
.prettierrc
 
 
CHANGELOG.md
CHANGELOG.md
 
 
CONTRIBUTING.md
CONTRIBUTING.md
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
package.json
package.json
 
 
phaser3-typescript.png
phaser3-typescript.png
 
 
yarn.lock
yarn.lock
 
 

Repository files navigation

Phaser 3 Game Examples written in TypeScript. Since 2018.

GitHub issues GitHub stars Contributions welcome code style: prettier GitHub licence

Examples made with ❤︎ by digitsensitive
Framework created by Photonstorm

Phaser 3 and TypeScript

Phaser is a wonderful, fast and free open source HTML5 game framework. Here you will find everything you need to develop games with Phaser 3 in TypeScript. Have fun discovering, developing and playing! Ideas and corrections are highly desirable to constantly improve this repository!

Buy Me A Coffee

Getting started

Prerequisites

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

Installing

Select a folder, navigate to it, and clone this repository with this command-line:

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

Boilerplates

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

yarn webpack-boilerplate
  • Webpack Boilerplate
  • Parcel Boilerplate

Examples

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

yarn candy-crush
  • Alpha Adjust
  • Asteroid
  • Blockade
  • Blocks
  • Breakout
  • Candy Crush
  • Clocks
  • Coin Runner
  • Endless Runner
  • Flappy Bird
  • Snake
  • Space Invaders
  • Space Shooter
  • Super Mario Land
  • Cellular Automaton
  • Fractal Tree
  • Game of Life
  • Lissajous curve
  • Point in Polygon
  • Procedural Generation
  • Raycasting
  • Untextured Raycaster
  • Factory Method

Project Configurations

Prettier

This project uses Prettier, an opinionated code formatter. The selected configuration options can be found in the .prettierrc file in the root project folder. More informations about the format options can be found here.

TypeScript

The selected compiler options for each project are set in the tsconfig.json file. More informations about the available options can be found here.

Tutorials

  • Learn to create a HTML5 Game in 5 Minutes
  • Game Programming Patterns: The Factory Method by Example

External Resources and Tools

  • Phaser 3 Framework
  • Phaser 3 Docs with TypeScript Definition File
  • Phaser 3 Online Docs
  • Phaser 3 Official Examples
  • Phaser 3 Discourse
  • Leshy SpriteSheet Tool
  • Tiled
  • Bitmap Font Generator Online
  • Tile Extruder

Changelog

Learn about the latest improvements

Contributing

Want to correct a bug, contribute some code, or improve the codes? Excellent! Let me know! Please read CONTRIBUTING.md for details on our code of conduct.

I would like to thank the following persons for their support and help: @FakeBarenziah @emedws @evanlanglais @iliyaZelenko

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

About

Phaser 3 and TypeScript

Topics

html5-gamephaserphaser-boilerplatephaser-frameworkphaser-gamephaser-tutorialphaser3phaser3-exampletypescript

Resources

Readme
MIT license

Contributing

Contributing
Activity

Stars

1.0k stars

Watchers

31 watching

Forks

179 forks
Report repository

Releases

Sponsor this project

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.