Merge pull request #4735 from sivaprasath2004/sivaprasath-closes-issu…

…e-4731 [Enhancement]: Alien_Invasion game doesn't work mismatch logic
kunjgit · Jul 9, 2024 · b48df6c · b48df6c
2 parents d4e8060 + f4e5e80
commit b48df6c
Show file tree

Hide file tree

Showing 6 changed files with 131 additions and 603 deletions.
diff --git a/Games/Alien_Invasion/asset/Macbook-Air.png b/Games/Alien_Invasion/asset/Macbook-Air.png
diff --git a/Games/Alien_Invasion/asset/Mobile.png b/Games/Alien_Invasion/asset/Mobile.png
diff --git a/Games/Alien_Invasion/asset/iPad-PRO-11.png b/Games/Alien_Invasion/asset/iPad-PRO-11.png
diff --git a/Games/Alien_Invasion/index.html b/Games/Alien_Invasion/index.html
@@ -1,44 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE-edge">
-    <meta name="viewport" content="width-device-width, initial-scale=1.0">
-    <title>AttackAlienInvader Game</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Bubble Shooter Game</title>
     <link rel="stylesheet" href="style.css">
-
 </head>
-
-
 <body>
-    <canvas id="canvas1"></canvas>
-
-    <!-- characters -->
-    <img id="player" src="assets/player.png">
-    <img id="angler1" src="assets/angler1.png">
-    <img id="angler2" src="assets/angler2.png">
-    <img id="lucky" src="assets/lucky.png">
-    <img id ="hivewhale" src = "assets/hivewhale.png">
-    <img id = "drone" src = "assets//drone.png"> 
+    <div id="game-container">
+        <div id="score">Score: <span id="score-value">0</span></div>
+        <div id="game-area"></div>
+        <button id="restart-btn">Restart Game</button>
+    </div>
+    <script src="script.js"></script>
 
-
-    <!-- props -->
-    <img id="projectile" src="assets/projectile.png">
-    <img id ="gears" src = "assets/gears.png">
-    <img id ="smokeExplosion" src = "assets/smokeExplosion.png">
-    <img id ="fireExplosion" src = "assets/fireExplosion.png">
-
-    <!-- environment -->
-    <img id="layer1" src="assets/layer1.png" />
-    <img id="layer2" src="assets/layer2.png" />
-    <img id="layer3" src="assets/layer3.png" />
-    <img id="layer4" src="assets/layer4.png" />
-
-    <script src="script.js"> </script>
 </body>
-
-</html>
+</html>