kunjgit · kunjgit · Jun 14, 2024 · Jun 8, 2024 · Jun 9, 2024 · Jun 9, 2024
diff --git a/Games/Tetris_Game/Readme.md b/Games/Tetris_Game/Readme.md
@@ -0,0 +1,23 @@
+## Tetris Game
+
+This is a simple Tetris game built with HTML, CSS, and JavaScript.
+
+**How to Play:**
+
+1. Open `index.html` in a web browser.
+2. Use the arrow keys to move the tetrimino (left, right, down) and the up key to rotate it.
+3. Clear lines by filling them entirely with blocks.
+4. Avoid stacking blocks too high; the game ends if a new tetrimino can't spawn.
+
+**Features:**
+
+* Classic tetrimino shapes.
+* Basic movement and rotation controls.
+* Line clearing with score updates.
+
+**Getting Started:**
+
+1. Download or clone this repository.
+2. Open `index.html` in your web browser.
+
+![Screenshot 2024-06-07 123816](https://github.com/kunjgit/GameZone/assets/141642724/14c48201-d47b-40ac-99ed-45f90bef8b96)
diff --git a/Games/Tetris_Game/assets/Board/Board.png b/Games/Tetris_Game/assets/Board/Board.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/I.png b/Games/Tetris_Game/assets/Shape Blocks/I.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/I1.png b/Games/Tetris_Game/assets/Shape Blocks/I1.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/J.png b/Games/Tetris_Game/assets/Shape Blocks/J.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/J1.png b/Games/Tetris_Game/assets/Shape Blocks/J1.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/J2.png b/Games/Tetris_Game/assets/Shape Blocks/J2.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/J3.png b/Games/Tetris_Game/assets/Shape Blocks/J3.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/L.png b/Games/Tetris_Game/assets/Shape Blocks/L.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/L1.png b/Games/Tetris_Game/assets/Shape Blocks/L1.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/L2.png b/Games/Tetris_Game/assets/Shape Blocks/L2.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/L3.png b/Games/Tetris_Game/assets/Shape Blocks/L3.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/O.png b/Games/Tetris_Game/assets/Shape Blocks/O.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/S.png b/Games/Tetris_Game/assets/Shape Blocks/S.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/S1.png b/Games/Tetris_Game/assets/Shape Blocks/S1.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/T.png b/Games/Tetris_Game/assets/Shape Blocks/T.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/T1.png b/Games/Tetris_Game/assets/Shape Blocks/T1.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/T2.png b/Games/Tetris_Game/assets/Shape Blocks/T2.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/T3.png b/Games/Tetris_Game/assets/Shape Blocks/T3.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/Z.png b/Games/Tetris_Game/assets/Shape Blocks/Z.png
diff --git a/Games/Tetris_Game/assets/Shape Blocks/Z1.png b/Games/Tetris_Game/assets/Shape Blocks/Z1.png
diff --git a/Games/Tetris_Game/assets/Single Blocks/Blue.png b/Games/Tetris_Game/assets/Single Blocks/Blue.png
diff --git a/Games/Tetris_Game/assets/Single Blocks/Green.png b/Games/Tetris_Game/assets/Single Blocks/Green.png
diff --git a/Games/Tetris_Game/assets/Single Blocks/LightBlue.png b/Games/Tetris_Game/assets/Single Blocks/LightBlue.png
diff --git a/Games/Tetris_Game/assets/Single Blocks/Orange.png b/Games/Tetris_Game/assets/Single Blocks/Orange.png
diff --git a/Games/Tetris_Game/assets/Single Blocks/Purple.png b/Games/Tetris_Game/assets/Single Blocks/Purple.png
diff --git a/Games/Tetris_Game/assets/Single Blocks/Red.png b/Games/Tetris_Game/assets/Single Blocks/Red.png
diff --git a/Games/Tetris_Game/assets/Single Blocks/Yellow.png b/Games/Tetris_Game/assets/Single Blocks/Yellow.png
diff --git a/Games/Tetris_Game/assets/Sound Effects/clear-lines.mp3 b/Games/Tetris_Game/assets/Sound Effects/clear-lines.mp3
diff --git a/Games/Tetris_Game/assets/Title/Title.png b/Games/Tetris_Game/assets/Title/Title.png
diff --git a/Games/Tetris_Game/assets/Title/retry.png b/Games/Tetris_Game/assets/Title/retry.png
diff --git a/Games/Tetris_Game/index.html b/Games/Tetris_Game/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.70.0/phaser-arcade-physics.min.js" integrity="sha512-HUbl7YU9UJEwoU8NQpzzBxd+I+qSbyiUKojO4RHfGzIadFeNcDcHc5nAINtX8dsHAXJn/2pqhwwiEWFXl+6OgA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    </head>
+  <body>
+     <div class="container">
+      <div id="boardContainer">
+        <div id="endGameContainer">
+          <div id="gameMessage">
+             Game Over
+          </div>
+          <div id="scoreContainer">
+             <div>
+                Score : <span id="finalScore">0</span>             
+             </div>
+          </div>
+          <div id="buttonContainer">
+            <img id="startGame" src="./assets/Title/retry.png">
+          </div>
+        </div>  
+      </div>
+      <div class="displayContainer">
+        <div class="nextTetrimino"><img id="nextTetriminoImage" /></div>
+        <div class="score"><span>Score</span><span id="scoreNumber">0</span></div>
+        <div class="score"><span>Lines</span><span id="linesNumber">0</span></div>
+        <div class="score"><span>Level</span><span id="levelNumber">1</span></div>
+        <div class="titleContainer"><img id="title" src="./assets/Title/Title.png"></div>
+      </div>
+     </div>
+
+    <script src="main.js"></script>
+  </body>
+</html>
+