Phaser running within React + TypeScript
React & Phaser
A simple CRA that combines React, TypeScript and Phaser.
Authors
Intro
Combine Phaser’s rendering power with React’s UI capabilities. Fork the repository and start writing your game’s core code.
Installation
nvm use && yarn && yarn start
Local Commands
Starting the dev server
nvm use && yarn start
Testing the UI
nvm use && yarn test
Building the project
nvm use && yarn build
Usage
Extend the game’s functionality starting in this file. Check Phaser’s Tutorial for more info how these two functions work.
src/core/init.ts
...
create(): void {}
...
update(): void {}
...
Extend the game’s pre-loader starting in this file. Check Phaser’s Tutorial for more info on loading assets.
src/core/preload.ts
...
preload(): void {}
...
Tech Stack
Environment: TypeScript, ESLint, Prettier, Jest
Client: React, Phaser
Server: Node, Express
Contributing
Contributions are always welcome!
See contributing.md
for ways to get started.
Please adhere to this project’s code of conduct
.