Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tfkfan/phaser3-game-demo
Phaser3+React+Typescript+Websocket game demo
https://github.com/tfkfan/phaser3-game-demo
game phaser3 phaser3-game react typescript websocket
Last synced: 3 months ago
JSON representation
Phaser3+React+Typescript+Websocket game demo
- Host: GitHub
- URL: https://github.com/tfkfan/phaser3-game-demo
- Owner: tfkfan
- Created: 2023-10-26T15:07:53.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-01-08T17:34:14.000Z (about 1 year ago)
- Last Synced: 2024-01-08T18:56:29.908Z (about 1 year ago)
- Topics: game, phaser3, phaser3-game, react, typescript, websocket
- Language: TypeScript
- Homepage: https://tfkfan.github.io/phaser3-game-demo/
- Size: 4.38 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![]()
Phaser 3 React TypeScript Websocket demo 2D-RPG game
This demo was created using Phaser 3 react template
Key Features •
Preview •
How To Use •
React controls •
Websocket support •
Credits---
## Key Features
- All newest ES 2020 features
- Prettier
- Webpack dev server
- Includes Phaser 3 TypeScript typings
- For development and production builds
- React gui development
- Websocket integration## Preview
This is what you get after installing this demo:
![]()
## How To Use
To clone and run this template, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
```bash
# Clone this repository (yes, npx not npm)
$ git clone https://github.com/tfkfan/phaser3-game-demo.git# Go into the repository
$ cd phaser3-game-demo# Install dependencies
$ npm install# Start the local development server (on port 8080)
$ npm start# Ready for production?
# Build the production ready code to the /dist folder
$ npm run build
```