Merge pull request #262 from Parul1606/testing

Ball_Ninja Game
ssitvit · May 31, 2023 · f3727c0 · f3727c0
2 parents 7293689 + 207592d
commit f3727c0
Show file tree

Hide file tree

Showing 20 changed files with 836 additions and 0 deletions.
diff --git a/src/Games/Ball_Ninja/README.md b/src/Games/Ball_Ninja/README.md
@@ -0,0 +1,24 @@
+
+# Ball Ninja Javascript Game 
+
+Hey, I have created a very beast Javascript Project, Ball Ninja Game.
+This is a baby clone of Fruit Ninja Game. All actions in game have a sound effect, easy UX and UI. All Source code with sound effects is available above.
+
+
+## Game Features & Rules
+
+- Sword Swish Effect or Knife Effect
+- Pure Javascript Game
+- Strike Counter
+- Game Timer of 2 Minutes
+- A Bomb Ball, if on touch, the games gets paused for 3 seconds.
+- Sound Effects
+
+
+## Screenshot
+
+![App Screenshot]
+(Games-and-Go\src\Games\Ball_Ninja\srcImages\BNJG1.png)
+(Games-and-Go\src\Games\Ball_Ninja\srcImages\BNJG2.png)
+
+
diff --git a/src/Games/Ball_Ninja/Sound_Source/Game-over.wav b/src/Games/Ball_Ninja/Sound_Source/Game-over.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/Game-start.wav b/src/Games/Ball_Ninja/Sound_Source/Game-start.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-1.wav b/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-1.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-2.wav b/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-2.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-3.wav b/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-3.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-4.wav b/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-4.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-5.wav b/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-5.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-6.wav b/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-6.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-7.wav b/src/Games/Ball_Ninja/Sound_Source/Sword_Sound_Effects/Sword-swipe-7.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/gank.wav b/src/Games/Ball_Ninja/Sound_Source/gank.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/time-beep.wav b/src/Games/Ball_Ninja/Sound_Source/time-beep.wav
diff --git a/src/Games/Ball_Ninja/Sound_Source/ui-button-push.wav b/src/Games/Ball_Ninja/Sound_Source/ui-button-push.wav
diff --git a/src/Games/Ball_Ninja/index.html b/src/Games/Ball_Ninja/index.html
@@ -0,0 +1,65 @@
+<!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>Ball Ninja Game</title>
+    <link rel="stylesheet" href="./style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+    <link rel="icon" href="./srcImages/f4.png" type="image/x-icon" />
+</head>
+<body>
+    <!-- Game Heading -->
+    <div class="gameHeading">
+        <p>Ball Ninja Javascript Game</p>
+    </div>
+
+    <!-- Main Canvas -->
+    <canvas id="canvas"></canvas>
+
+    <!-- Front Body -->
+    <div class="startGame" id="startGame">
+        <div class="home">
+            <h1> Ball Ninja <br> <span><i class="fa-brands fa-github"></i> Parul1606 </span></h1>
+            <button id="startGameBtn">Play <i class="fa-solid fa-gamepad"></i></button>
+            <p>Your High Score: <span id="homeHighScore"></span></p>
+        </div>
+        <p class="copyRight">&#169; Created By Parul1606 <a href="https://github.com/Parul1606"/><i class="fa-brands fa-github"></i>  - 2023</p>
+
+        <!-- Bottom Source Code Link --> <!-- i have to add my own link here -->
+        <a class="sourceCodeLink" href="https://github.com/Parul1606/Ball-Ninja-Javascript-Game" target="_blank">
+            <img src="./srcImages/github.png" alt="Source Code Link">
+            <p>Source Code</p>
+        </a> 
+    </div>
+
+    <!-- Alert Count Down Timer  -->
+    <div class="countDown" id="countDownContainer">
+        <h1></h1>
+    </div>
+
+    <!-- In Game Body -->
+    <div id="inGameContainer">
+        <div class="scoreDiv">
+            <p>Score: <span id="score"></span></p>
+            <p>High Score: <span id="highScore"></span></p>
+        </div>
+        <div class="gameCountTime">
+            <h1 id="gameMinuteAndSecond">00 : 00</h1>
+        </div>
+        <div id="strikeCountDiv">
+            <h1 class="strikeCount">1x</h1>
+        </div>
+    </div>
+
+    <div id="gameEndDiv">
+        <div class="gameEndContainer">
+            <p>Your Score: <span id="endGameScore"></span></p>
+            <button id="returnHome">Return Home <i class="fa-solid fa-right-to-bracket"></i></button>
+        </div>
+    </div>
+
+    <script src="/script.js"></script>
+</body>
+</html>