In our project, we implemented a cross-platform web app for Tetris that offers a highly customizable Tetris experience without requiring a local installation. The game can be played on both desktop and mobile devices, with the mobile version featuring a Game Boy-style design for easier controls. Various themes provide visual variety, and a separate menu allows users to adjust sound settings. After each game, players can view their score and high score.
Play the game -> https://tetrjs-9e50a.web.app/
Maximilian Weichart | [email protected]
Noah Meißner | [email protected]
-
Versatile Game Modes: Play Tetris in two different game modes.
-
Adjustable Difficulty Levels: Choose from three different difficulty levels for a personalized challenge.
-
Variety of Themes: Select from four unique themes that change both the graphics and the audio experience of the game.
-
Settings: Adjust the volume of sound effects and music to your preference.
-
Score Display: View your score at the end of each game.
-
Leaderboard: Compare your performance on the leaderboard and see how well your recent games went.
Demo-Video-Both.mp4
| First Step | Second Step | Third Step |
|---|---|---|
- Install Node
node -v
npm -v- Clone GIT Repository
git clone https://github.com/UniRegensburg/mme-sose2024-game.git- Go to the Project Directory
cd tetr- Install Dependencies
npm install- Start React App
npm start| Before | Mobile | Desktop | After |
|---|---|---|---|
| Before | Mobile | Desktop | After |
|---|---|---|---|
| Before | Mobile | Desktop | After |
|---|---|---|---|
| Before | Mobile | Desktop | After |
|---|---|---|---|
Music License