phaser3-typescript-webpack - GitLite

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #llm #go #rust #linux #nodejs #macos #windows #vue #awesome-list

phaser3-typescript-webpack

(★ 111)

A boilerplate project for Phaser 3 + Typescript + Webpack.

File Explorer

Download Latest Version (.zip)

- - mushroom.png
- - desert.json
  - tmw_desert_spacing.png
- - PlayScene.ts
- index.html
- main.ts
- phaser.d.ts
.babelrc
.gitignore
index.html
package.json
README.md
tsconfig.json
webpack.config.js
webpack.production.config.js

# Installation Guide

1. Get the code

git clone https://github.com/troyedwardsjr/phaser3-typescript-webpack

Downloads the entire project code from GitHub to your computer.

cd phaser3-typescript-webpack

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

or if you choose yarn, just run

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Phaser 3 Typescript Webpack Boilerplate
![screenshot](https://i.imgur.com/XXyX8KO.png)
![screenshot](https://i.imgur.com/YuzMdYi.png)
![screenshot](https://i.imgur.com/GIdIa5q.png)

# Setup
You’ll need to install a few things before you have a working copy of the project.

## 1. Clone this repo:

Navigate into your workspace directory.

Run:

```git clone https://github.com/troyedwardsjr/phaser3-typescript-webpack.git```

## 2. Install node.js and npm:

https://nodejs.org/en/

## 3. Install dependencies (optionally you could install [yarn](https://yarnpkg.com/)):

Navigate to the cloned repo’s directory.

Run:

```npm install```

or if you choose yarn, just run ```yarn```

## 4. Run the development server:

Run:

```npm run dev```

This will run a server so you can run the game in a browser.

Open your browser and enter localhost:3000 into the address bar.

Also this will start a watch process, so you can change the source and the process will recompile and refresh the browser

## Build for deployment:

Run:

```npm run deploy```

This will optimize and minimize the compiled bundle.

## Credits

This work is based off of several existing repos:

https://github.com/nkholski/phaser3-es6-webpack

https://github.com/lean/phaser-es6-webpack