https://github.com/kevinshen56714/create-react-phaser3-app

Minimal Phaser3 + Create React App template
https://github.com/kevinshen56714/create-react-phaser3-app

create-react-app phaser phaser3 react typescript

Last synced: 4 months ago
JSON representation

Minimal Phaser3 + Create React App template

• Host: GitHub
• URL: https://github.com/kevinshen56714/create-react-phaser3-app
• Owner: kevinshen56714
• License: mit
• Created: 2022-01-11T22:46:42.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-21T11:10:21.000Z (over 1 year ago)
• Last Synced: 2024-10-03T19:39:29.097Z (4 months ago)
• Topics: create-react-app, phaser, phaser3, react, typescript
• Language: TypeScript
• Homepage: https://create-react-phaser3-app.netlify.app/
• Size: 1.45 MB
• Stars: 81
• Watchers: 2
• Forks: 27
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Phaser 3 + Create React App template

![image](https://user-images.githubusercontent.com/11501902/149049053-f46a9d1e-7075-4258-9102-cdbcbe7198ba.png)

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## What's included? - [Check the preview](https://create-react-phaser3-app.netlify.app/)

- [Phaser 3](https://github.com/photonstorm/phaser) - overlaid canvas with the config in `src/PhaserGame.ts` and a scene in `src/scenes/`

- [Create React App](https://github.com/facebook/create-react-app) - React, TSX, ES6, TypeScript, no need to install bundler, ...etc

- An example button in `src/App.tsx` showing how to communicate with Phaser within a React component

- That's it!

## Getting started

Clone the project and in the project directory, you can run:

### `yarn install` or `npm install`

Install all the packages in `create react app` + Phaser 3

### `yarn start` or `npm run start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

### `yarn build` or `npm run build`

Builds the app for production to the `build` folder.\

It correctly bundles React in production mode and optimizes the build for the best performance.