kunjgit · manikumarreddyu · Jun 10, 2024 · Jun 11, 2024 · Jun 12, 2024 · Jun 12, 2024
diff --git a/Games/Shoot_Duck_Game/README.md b/Games/Shoot_Duck_Game/README.md
@@ -0,0 +1,4 @@
+# Shoot_Duck_Game
+
+All you need to do is shoot the duck
+Game points will be awarded on the basis of duck shot
diff --git a/Games/Shoot_Duck_Game/main.html b/Games/Shoot_Duck_Game/main.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoot the Duck Game</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="game-container">
+
+            <div class="box-duck">
+                <div class="pond"></div>
+                <div class="duck">
+                  <div class="body-duck"></div>
+                  <div class="head">
+                    <div class="left-eye"></div>
+                    <div class="left-cheek"></div>
+                    <div class="right-eye"></div>
+                    <div class="right-cheek"></div>
+                    <div class="beak"></div>
+                  </div>
+                </div>
+              </div>
+
+        <p id="score">Score: <span id="scoreValue">0</span></p>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Games/Shoot_Duck_Game/script.js b/Games/Shoot_Duck_Game/script.js
@@ -0,0 +1,24 @@
+const duck = document.querySelector('.box-duck');
+const scoreValue = document.getElementById('scoreValue');
+const score = document.getElementById('score');
+
+let currentScore = 0;
+
+duck.addEventListener('click', () => {
+    currentScore++;
+    scoreValue.textContent = currentScore;
+    moveDuckRandomly();
+});
+
+function moveDuckRandomly() {
+    const maxWidth = window.innerWidth - duck.clientWidth;
+    const maxHeight = window.innerHeight - duck.clientHeight;
+
+    const randomX = Math.random() * maxWidth;
+    const randomY = Math.random() * maxHeight;
+
+    duck.style.left = randomX + 'px';
+    duck.style.top = randomY + 'px';
+}
+
+moveDuckRandomly();
diff --git a/Games/Shoot_Duck_Game/styles.css b/Games/Shoot_Duck_Game/styles.css
@@ -0,0 +1,136 @@
+/* Basic styling, layout, and animations go here */
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    background-color: #f5f5f5;
+    margin: 0;
+    padding: 0;
+}
+
+.game-container {
+    position: relative;
+    width: 400px;
+    height: 400px;
+    margin: 50px auto;
+}
+
+.duck {
+    z-index: 0;
+    display: block;
+    position: absolute;
+    height: 200px;
+    width: 200px;
+    top: 30%;
+    left: 20%;
+    animation-name: horizontal-move;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+    animation-timing-function: ease-in;
+    background-size: cover;
+    position: absolute;
+    cursor: pointer;
+}
+.box-duck {
+    position: relative;
+    display: block;
+    width: 500px;
+    height: 500px;
+    background: #f5f5f5;
+    margin: 0 auto;
+  }
+  .beak {
+    position: absolute;
+    top: 44%;
+    left: 47%;
+    background: #FFA500;
+    border-radius: 50%;
+    width: 37px;
+    height: 20%;
+  }
+  .body-duck {
+    position: absolute;
+    top: 45%;
+    left: 15%;
+    background: #caa444;
+    border-radius: 50%;
+    width: 150px;
+    height: 39%;
+  }
+  .greetings {
+    position: absolute;
+    display: block;
+    width: 100%;
+    bottom: 0;
+    text-align: center;
+  }
+  .head {
+    position: absolute;
+    top: 29%;
+    left: 36%;
+    background: #af8c32;
+    border-radius: 50%;
+    width: 90px;
+    height: 30%;
+  }
+  .left-cheek {
+    position: absolute;
+    top: 41%;
+    left: 19%;
+    background: #FFA07A;
+    border-radius: 50%;
+    width: 16px;
+    height: 10px;
+  }
+  .left-eye {
+    position: absolute;
+    top: 27%;
+    left: 35%;
+    background: #000;
+    border-radius: 50%;
+    width: 10px;
+    height: 10px;
+    animation-name: blink;
+    animation-duration: 1.5s;
+    animation-iteration-count: infinite;
+    animation-timing-function: step-end;
+  }
+  .pond {
+    position: absolute;
+    top: 50%;
+    left: 5%;
+    background: #9ff6ff;
+    border-radius: 50%;
+    width: 325px;
+    height: 20%;
+    animation-name: rgb(5, 5, 170);
+    animation-duration: 3s;
+    animation-iteration-count: infinite;
+  }
+  .right-cheek {
+    position: absolute;
+    top: 41%;
+    left: 90%;
+    background: #FFA07A;
+    border-radius: 50%;
+    width: 13px;
+    height: 10px;
+  }
+  .right-eye {
+    position: absolute;
+    top: 27%;
+    left: 80%;
+    background: #000;
+    border-radius: 50%;
+    width: 10px;
+    height: 10px;
+    animation-name: blink;
+    animation-duration: 1.5s;
+    animation-iteration-count: infinite;
+    animation-timing-function: step-end;
+  }
+
+#score {
+    z-index: 1;
+    font-size: 24px;
+    margin-top: 20px;
+}
diff --git a/README.md b/README.md
@@ -347,13 +347,11 @@ This repository also provides one such platforms where contributers come over an
 | [Intellect Quest](https://github.com/Will2Jacks/GameZoneForked/tree/Task/Games/Intellect_Quest) |
 | [Taash_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Taash_Game) |
 | [Number_Guessing_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Number_Guessing_Game) |
+| [Modulo_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Modulo_Game) |
 | [Tower_Block_Game](https://github.com/Saipradyumnagoud/GameZone/tree/main/Games/Tower_Block_Game) | 
 | [Modulo_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Modulo_Game) |
 | [Block_Ninja] (https://github.com/kunjgit/GameZone/tree/main/Games/Block_Ninja) | 
-
-
-
-
+| [Shoot_Duck_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Shoot_Duck_Game) |
  </center>
 
 <br>

diff --git a/assets/images/Shoot_Duck_Game.png b/assets/images/Shoot_Duck_Game.png