https://github.com/yandeu/phaser3-react-typescript-example

Phaser 3: with React and TypeScript Example
https://github.com/yandeu/phaser3-react-typescript-example

phaser react typescript

Last synced: 2 months ago
JSON representation

Phaser 3: with React and TypeScript Example

• Host: GitHub
• URL: https://github.com/yandeu/phaser3-react-typescript-example
• Owner: yandeu
• License: other
• Created: 2019-02-23T12:52:39.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-05-24T19:28:04.000Z (over 5 years ago)
• Last Synced: 2024-10-03T12:38:01.794Z (3 months ago)
• Topics: phaser, react, typescript
• Language: TypeScript
• Homepage:
• Size: 1.29 MB
• Stars: 39
• Watchers: 3
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Phaser 3 + React + TypeScript

Live [demo available here](https://s3.eu-central-1.amazonaws.com/phaser3-typescript/phaser3-with-react-example/index.html)

This example is based on the [Phaser 3 TypeScript Template](https://github.com/yandeu/phaser-project-template#readme), with few modifications:

- Added **react react-dom @types/react @types/react-dom**

- Added **"jsx": "react"** to tsconfig.json

- Added

  `
` to index.html

- Renamed files which are using React to **.tsx**


Bugs:

- [[SOVLED in #1361](https://phaser.discourse.group/t/scalemanager-ignore-virtual-keyboard/1361)] When the Keyboard in open on a mobile phone, the Game resizes

- [[SOVLED in #1656](https://phaser.discourse.group/t/click-on-div-under-phaser-object/1656/18)] Don't know how to make something similar to this (`this.input.setTopOnly(true)`) work

The MIT License (MIT) 2019 - [Yannick Deubel](https://github.com/yandeu). Please have a look at the [LICENSE](LICENSE) for more details.