https://github.com/maxpatiiuk/tetris-react
A 3D tetris game with beautiful music!
https://github.com/maxpatiiuk/tetris-react
arcgis-js-api react tetris
Last synced: 8 months ago
JSON representation
A 3D tetris game with beautiful music!
- Host: GitHub
- URL: https://github.com/maxpatiiuk/tetris-react
- Owner: maxpatiiuk
- License: mit
- Created: 2023-09-10T03:59:45.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-03T16:53:27.000Z (almost 2 years ago)
- Last Synced: 2025-02-11T14:24:04.496Z (10 months ago)
- Topics: arcgis-js-api, react, tetris
- Language: TypeScript
- Homepage: https://maxpatiiuk.github.io/tetris-react/
- Size: 9.41 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tetris React
A Tetris game with 3 unique maps.
[Trailer](https://youtu.be/LlDgH-NZ3KE)
[Play online](https://maxpatiiuk.github.io/tetris-react/)
## Scenery World:
Hover over the waterfront park of the New York City.
[](https://youtu.be/LlDgH-NZ3KE)
## Panorama World:
Circle around the downtown of the New York City.
[](https://youtu.be/LlDgH-NZ3KE)
## Grid World:
Enjoy simple old-school tetris.
[](https://youtu.be/LlDgH-NZ3KE)
## Instructions
While playing, enjoy a curated playlist from an award-winning musical artist [Hydelic](https://open.spotify.com/artist/6agnjQgwC8fwGFsM6NKSaH). To enjoy music autoplay, make sure to sign in to your Spotify account.
[Technical documentation](https://max.patii.uk/projects/tetris-react)
## Installation
- Clone this repository:
```sh
git clone https://github.com/maxpatiiuk/tetris-react/
```
- Install dependencies:
```sh
npm install
```
- Run the app:
```sh
# For Development:
npm run dev
# For Production:
npm run build && npm run start
```
## Credits
- Inspired by [Tetris Effect](https://youtu.be/PFVL6t8IHE8?si=qjVQxbNN9RQQmnud&t=21)
- In-game music composed by [Hydelic](https://open.spotify.com/artist/6agnjQgwC8fwGFsM6NKSaH)
- Boilerplate code based on [jsapi-resourcces/esm-samples](https://github.com/Esri/jsapi-resources/tree/main/esm-samples)