https://github.com/patrickgalbraith/phaser-3-invaders

A boilerplate project for HTML5 games using the Phaser 3 game engine, typescript, and ECS architecture.
https://github.com/patrickgalbraith/phaser-3-invaders

gamedev phaser3 typescript

Last synced: 14 days ago
JSON representation

A boilerplate project for HTML5 games using the Phaser 3 game engine, typescript, and ECS architecture.

• Host: GitHub
• URL: https://github.com/patrickgalbraith/phaser-3-invaders
• Owner: patrickgalbraith
• Archived: true
• Created: 2018-11-10T05:57:00.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2018-11-10T06:03:08.000Z (about 6 years ago)
• Last Synced: 2024-08-01T19:46:14.871Z (3 months ago)
• Topics: gamedev, phaser3, typescript
• Language: TypeScript
• Size: 331 KB
• Stars: 8
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Phaser 3 Boilerplate (incl. typescript, webpack, gulp, sass)

A boilerplate project for HTML5 games using the Phaser 3 game engine and typescript. Includes example game that demonstrates how to build a loading screen, game loop with UI, and game over screen.

The template includes phaser3, the typescript definitions, and a tsconfig that will generate a bundled javascript file for the game.

## Includes

 - Phaser3 - https://github.com/photonstorm/phaser

 - Typescript definitions - https://github.com/troyedwardsjr/phaser3-tsd/

    - Modified with a number of fixes.

 - SASS for styling - https://sass-lang.com/

 - Gulp for task automation - https://gulpjs.com/

 - Webfont loader - https://github.com/typekit/webfontloader

 - Example space shooter game project (think space invaders) with assets by ansimuz.

   - https://ansimuz.itch.io/spaceship-shooter-environment

## Instructions

### Requirements

 - NodeJS 6+

 - NPM (recommend v5+)

### Installation

```

mkdir yourprojectname

git clone ... yourprojectname

npm install

```

### Building

```

gulp build

```

*Note: Files will be output to the `/dist` directory.*

### Development

This will watch all the files for changes and re-build automatically.

```

gulp watch

```

*Browse to http://localhost:8080 to view the latest version while the watch is running.*