Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hotshot003/tetris-game
This project is a modern take on the classic Tetris game, built using HTML, CSS, and JavaScript. Players control falling tetromino shapes to create complete rows, which clear from the board. The game features colorful visuals, smooth animations, and engaging sound effects.
https://github.com/hotshot003/tetris-game
classic-game front-end-development game-development interactive-games puzzle-game web-development
Last synced: about 1 month ago
JSON representation
This project is a modern take on the classic Tetris game, built using HTML, CSS, and JavaScript. Players control falling tetromino shapes to create complete rows, which clear from the board. The game features colorful visuals, smooth animations, and engaging sound effects.
- Host: GitHub
- URL: https://github.com/hotshot003/tetris-game
- Owner: HotShot003
- Created: 2024-07-13T15:27:06.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-09-11T16:25:32.000Z (3 months ago)
- Last Synced: 2024-09-12T01:49:05.602Z (3 months ago)
- Topics: classic-game, front-end-development, game-development, interactive-games, puzzle-game, web-development
- Language: JavaScript
- Homepage:
- Size: 21.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tetris Game Project
Welcome to the Tetris Game Project repository! This project implements a classic Tetris game using HTML, CSS, and JavaScript.
## Features
- **Grid-based gameplay area**: Tetris board with dynamic tetromino shapes.
- **Tetromino shapes with rotation**: Seven different tetromino shapes that can be rotated.- **Score and level tracking**: Keep track of score based on lines cleared and level progression.
- **Game over detection**: Detect when the game ends due to stacked tetrominoes reaching the top.
- **Responsive design**: Playable on various screen sizes.
## Technologies Used
## How to Play
- **Controls**:
- Use arrow keys (left, right, down) to move tetrominoes.- Use the Space key to rotate tetrominoes clockwise.
- Press spacebar to drop tetrominoes instantly.
- **Objective**: Complete horizontal lines by filling them with blocks to clear them and score points. Avoid stacking tetrominoes to the top of the board.
## Development Notes
- Implemented using vanilla JavaScript for game logic.
- Used CSS Flexbox/Grid for responsive layout.
- Challenges included managing tetromino movement and rotation logic.## Future Enhancements
- Add levels with increasing difficulty.
- Implement multiplayer mode.
- Improve UI/UX with animations and sound effects.## Live Demo
[![Live Demo](https://img.shields.io/badge/LiveDemo%20-%23276DC3.svg?&style=for-the-badge&logo=&logoColor=white)](https://hotshot003.github.io/Tetris-Game/)
## Contributing
Contributions are welcome! Fork the repository and submit a pull request with your enhancements.
ThankYou 😊