Tetris Game

Welcome to our Tetris game project! This is a classic Tetris game implemented using HTML, CSS, and JavaScript.

Features

Drawing Canvas: A dynamic canvas where Tetris blocks are drawn.

Shapes: Various Tetris shapes (O, I, T, Z, L) with distinct colors.

Basic Movements: Move shapes left, right, down, and rotate them.

Collision Detection: Prevents shapes from overlapping or going out of bounds.

Row Clearing: Clears filled rows and updates the score.

Pause and Restart: Ability to pause the game and restart from the beginning.

Prerequisites

Modern web browser (Chrome, Firefox, Safari, Edge, etc.)

Installation

Clone the repository, navigate into the project directory, open index.html in your preferred web browser.

How to Play

Controls:

Left Arrow: Move shape left

Right Arrow: Move shape right

Down Arrow: Move shape down faster

Up Arrow: Rotate the shape clockwise

Objective:

Create horizontal lines without gaps. When a line is completed, it disappears, and any blocks above it move down. The game ends when the blocks stack up to the top of the playing field.

link to presentation: https://www.loom.com/share/df95cdf423ce49329875cc2ef6385894?sid=d8746573-e30d-4c04-bd19-8054fd9b11f9