Merge pull request #4640 from tanyagupta01/main

Added Samurai Fighting Game
kunjgit · Jul 6, 2024 · 7b9d7f2 · 7b9d7f2
2 parents a76548a + 7564f35
commit 7b9d7f2
Show file tree

Hide file tree

Showing 26 changed files with 736 additions and 2 deletions.
diff --git a/Games/Samurai_Fighting_Game/README.md b/Games/Samurai_Fighting_Game/README.md
@@ -0,0 +1,22 @@
+# Samurai Fighting Game
+
+Samurai fighting games have carved out a unique niche in the gaming world, blending intense combat with rich cultural and historical themes. These games often feature stunning visuals, detailed characters, and engaging storylines that immerse players in the world of the samurai. 
+
+## How to Play
+
+- PLAYER 1 can use the following keys:
+A D and W to move
+spacebar to hit
+
+- PLAYER 2 can use the following keys:
+leftarrow rightarrow and uparrow to move
+downarrow to hit
+
+## Installation
+
+No installation is required. Simply open the `index.html` file in your web browser to start playing the game.
+
+## Usage
+
+1. Clone the repository or download the files.
+2. Open `index.html` in your preferred web browser.
diff --git a/Games/Samurai_Fighting_Game/img/background.png b/Games/Samurai_Fighting_Game/img/background.png
diff --git a/Games/Samurai_Fighting_Game/img/kenji/Attack1.png b/Games/Samurai_Fighting_Game/img/kenji/Attack1.png
diff --git a/Games/Samurai_Fighting_Game/img/kenji/Attack2.png b/Games/Samurai_Fighting_Game/img/kenji/Attack2.png
diff --git a/Games/Samurai_Fighting_Game/img/kenji/Death.png b/Games/Samurai_Fighting_Game/img/kenji/Death.png
diff --git a/Games/Samurai_Fighting_Game/img/kenji/Fall.png b/Games/Samurai_Fighting_Game/img/kenji/Fall.png
diff --git a/Games/Samurai_Fighting_Game/img/kenji/Idle.png b/Games/Samurai_Fighting_Game/img/kenji/Idle.png
diff --git a/Games/Samurai_Fighting_Game/img/kenji/Jump.png b/Games/Samurai_Fighting_Game/img/kenji/Jump.png
diff --git a/Games/Samurai_Fighting_Game/img/kenji/Run.png b/Games/Samurai_Fighting_Game/img/kenji/Run.png
diff --git a/Games/Samurai_Fighting_Game/img/kenji/Take hit.png b/Games/Samurai_Fighting_Game/img/kenji/Take hit.png
diff --git a/Games/Samurai_Fighting_Game/img/samuraiMack/Attack1.png b/Games/Samurai_Fighting_Game/img/samuraiMack/Attack1.png
diff --git a/Games/Samurai_Fighting_Game/img/samuraiMack/Attack2.png b/Games/Samurai_Fighting_Game/img/samuraiMack/Attack2.png
diff --git a/Games/Samurai_Fighting_Game/img/samuraiMack/Death.png b/Games/Samurai_Fighting_Game/img/samuraiMack/Death.png
diff --git a/Games/Samurai_Fighting_Game/img/samuraiMack/Fall.png b/Games/Samurai_Fighting_Game/img/samuraiMack/Fall.png
diff --git a/Games/Samurai_Fighting_Game/img/samuraiMack/Idle.png b/Games/Samurai_Fighting_Game/img/samuraiMack/Idle.png
diff --git a/Games/Samurai_Fighting_Game/img/samuraiMack/Jump.png b/Games/Samurai_Fighting_Game/img/samuraiMack/Jump.png
diff --git a/Games/Samurai_Fighting_Game/img/samuraiMack/Run.png b/Games/Samurai_Fighting_Game/img/samuraiMack/Run.png
diff --git a/Games/Samurai_Fighting_Game/img/samuraiMack/Take Hit - white silhouette.png b/Games/Samurai_Fighting_Game/img/samuraiMack/Take Hit - white silhouette.png
diff --git a/Games/Samurai_Fighting_Game/img/samuraiMack/Take Hit.png b/Games/Samurai_Fighting_Game/img/samuraiMack/Take Hit.png
diff --git a/Games/Samurai_Fighting_Game/img/shop.png b/Games/Samurai_Fighting_Game/img/shop.png
diff --git a/Games/Samurai_Fighting_Game/index.html b/Games/Samurai_Fighting_Game/index.html
@@ -0,0 +1,124 @@
+<head>
+  <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=Press+Start+2P&display=swap"
+    rel="stylesheet"
+  />
+  <style>
+    * {
+      box-sizing: border-box;
+      font-family: 'Press Start 2P', cursive;
+    }
+  </style>
+</head>
+<body>
+  <!-- red container div -->
+  <div style="position: relative; display: inline-block">
+    <!-- smaller red container div -->
+    <div
+      style="
+        position: absolute;
+        display: flex;
+        width: 100%;
+        align-items: center;
+        padding: 20px;
+      "
+    >
+      <!-- player health -->
+      <div
+        style="
+          position: relative;
+          width: 100%;
+          display: flex;
+          justify-content: flex-end;
+          border-top: 4px solid white;
+          border-left: 4px solid white;
+          border-bottom: 4px solid white;
+        "
+      >
+        <div style="background-color: red; height: 30px; width: 100%"></div>
+        <div
+          id="playerHealth"
+          style="
+            position: absolute;
+            background: #818cf8;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            width: 100%;
+          "
+        ></div>
+      </div>
+
+      <!-- timer -->
+      <div
+        id="timer"
+        style="
+          background-color: black;
+          width: 100px;
+          height: 50px;
+          flex-shrink: 0;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          color: white;
+          border: 4px solid white;
+        "
+      >
+        10
+      </div>
+      <!-- enemy health -->
+      <div
+        style="
+          position: relative;
+          width: 100%;
+          border-top: 4px solid white;
+          border-bottom: 4px solid white;
+          border-right: 4px solid white;
+        "
+      >
+        <div style="background-color: red; height: 30px"></div>
+        <div
+          id="enemyHealth"
+          style="
+            position: absolute;
+            background: #818cf8;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+          "
+        ></div>
+      </div>
+      <div></div>
+    </div>
+    <div
+      id="displayText"
+      style="
+        position: absolute;
+        color: white;
+        align-items: center;
+        justify-content: center;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        display: none;
+      "
+    >
+      Tie
+    </div>
+    <canvas></canvas>
+  </div>
+
+  <script
+    src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+    integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+    crossorigin="anonymous"
+    referrerpolicy="no-referrer"
+  ></script>
+  <script src="js/utils.js"></script>
+  <script src="js/classes.js"></script>
+  <script src="index.js"></script>
+</body>