Merge pull request #4839 from Sam-Orion/Sam-Orion

Added Otherworldly Odyssey game
kunjgit · Jul 22, 2024 · 7185a11 · 7185a11
2 parents 7cae9d1 + 3d396b4
commit 7185a11
Show file tree

Hide file tree

Showing 10 changed files with 561 additions and 0 deletions.
diff --git a/Games/Otherworldly_Odyssey/README.md b/Games/Otherworldly_Odyssey/README.md
@@ -0,0 +1,38 @@
+# **Otherworldly Odyssey** 
+
+---
+
+<br>
+
+## **Description 📃**
+It's an adventure role playing game where players will journey through a magical realm full of fantastic creatures, deadly challenges, and hidden surprises.
+- 
+
+## **functionalities 🎮**
+1. This game has an innovative XP system which would make it more engaging and fun to play.
+2. A money system which can be used to buy various products.
+3. A shop where the adventurers can buy elixirs to increase or recover their health or weapons ranging   from a simple dagger to a legendary magic wand.
+4. Player can earn money and farm XP by fighting various monsters to ultimately challenge the greatest threat this realm has ever faced a "Primordial Dragon".
+5. An Easter Egg minigame hidden in the main game.
+- 
+<br>
+
+## **How to play? 🕹️**
+Simply click on the button of the action you'll like to choose to perform and follow the instructions.
+- 
+
+<br>
+
+## **Screenshots 📸**
+
+<br>
+<!-- add your screenshots like this -->
+<!-- ![image](url) -->
+![ss1](./img/Screenshot%20(2).png)
+![ss2](./img/Screenshot%20(3).png)
+![ss3](./img/Screenshot%20(4).png)
+
+<br>
+
+## **Working video 📹**
+<!-- add your working video over here -->
diff --git a/Games/Otherworldly_Odyssey/img/23.png b/Games/Otherworldly_Odyssey/img/23.png
diff --git a/Games/Otherworldly_Odyssey/img/Screenshot (2).png b/Games/Otherworldly_Odyssey/img/Screenshot (2).png
diff --git a/Games/Otherworldly_Odyssey/img/Screenshot (3).png b/Games/Otherworldly_Odyssey/img/Screenshot (3).png
diff --git a/Games/Otherworldly_Odyssey/img/Screenshot (4).png b/Games/Otherworldly_Odyssey/img/Screenshot (4).png
diff --git a/Games/Otherworldly_Odyssey/index.html b/Games/Otherworldly_Odyssey/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./style.css">
+    <title>Otherworldly Odyssey</title>
+  </head>
+  <body class="background-img">
+    <!-- Main title of the game -->
+    <h1 class="gradient-text">Otherworldly Odyssey</h1>
+    <!-- Main game container -->
+    <div id="game" class="centered-div">
+      <!-- Player statistics section -->
+      <div id="stats">
+        <span class="stat xpStat">XP: <strong><span id="xpText">0</span></strong></span>
+        <span class="stat healthStat">Health: <strong><span id="healthText">1000</span></strong></span>
+        <span class="stat goldStat">Gold: <strong><span id="goldText">50</span></strong></span>
+      </div>
+      <!-- Monster statistics section -->
+      <div id="monsterStats">
+        <span class="stat">Monster Name: <strong><span id="monsterName"></span></strong></span>
+        <span class="stat">Health: <strong><span id="monsterHealth"></span></strong></span>
+      </div>
+      <!-- Game text display area -->
+      <div id="text">
+        Welcome to Otherworldly Odyssey. You must defeat the primordial dragon - Tiamut that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons below.
+      </div>
+       <!-- Game control buttons -->
+      <div id="controls">
+        <button id="button1">Go to store</button>
+        <button id="button2">Go to cave</button>
+        <button id="button3">Fight dragon</button>
+      </div>
+    </div>
+    <script src="./script.js"></script>
+  </body>
+</html>
diff --git a/Games/Otherworldly_Odyssey/script.js b/Games/Otherworldly_Odyssey/script.js
@@ -0,0 +1,308 @@
+// Initialize game variables
+let xp = 0;
+let health = 1000;
+let gold = 50;
+let currentWeapon = 0;
+let fighting;
+let monsterHealth;
+let inventory = ["Arondight"];
+
+// Select DOM elements
+const button1 = document.querySelector('#button1');
+const button2 = document.querySelector("#button2");
+const button3 = document.querySelector("#button3");
+const text = document.querySelector("#text");
+const xpText = document.querySelector("#xpText");
+const healthText = document.querySelector("#healthText");
+const goldText = document.querySelector("#goldText");
+const monsterStats = document.querySelector("#monsterStats");
+const monsterName = document.querySelector("#monsterName");
+const monsterHealthText = document.querySelector("#monsterHealth");
+
+// Define weapons
+const weapons = [
+  { name: 'Arondight', power: 50 },
+  { name: 'Excalibur', power: 100 },
+  { name: 'Rhongomiant', power: 200 },
+  { name: 'Durendal', power: 350 },
+  { name: 'Gáe Bulg', power: 550 },
+  { name: 'Kusanagi', power: 800 },
+  { name: 'Ru Yi Jing Gu Bang', power: 1100 },
+  { name: 'Mjölnir', power: 1450 },
+  { name: 'The Sword of Surtr', power: 1850 },
+  { name: "Gungnir - Odin's spear", power: 2300 },
+];
+
+// Define monsters
+const monsters = [
+  {
+    name: "Basilisk",
+    level: 20,
+    health: 300
+  },
+  {
+    name: "Yamata no Orochi",
+    level: 160,
+    health: 1200
+  },
+  {
+    name: "Tiamat - Primordial Dragon",
+    level: 800,
+    health: 9600
+  }
+]
+
+// Define game locations
+const locations = [
+  {
+    name: "town square",
+    "button text": ["Go to store", "Go to cave", "Fight Tiamat"],
+    "button functions": [goStore, goCave, fightTiamat],
+    text: "You are in the town square. You see a sign that says \"Store\"."
+  },
+  {
+    name: "store",
+    "button text": ["Buy 10 health (10 gold)", "Buy weapon (30 gold)", "Go to town square"],
+    "button functions": [buyHealth, buyWeapon, goTown],
+    text: "You enter the store."
+  },
+  {
+    name: "cave",
+    "button text": ["Fight Basilisk", "Fight Yamata no Orochi", "Go to town square"],
+    "button functions": [fightBasilisk, fightYamata, goTown],
+    text: "You enter the cave. You see some monsters."
+  },
+  {
+    name: "fight",
+    "button text": ["Attack", "Dodge", "Run"],
+    "button functions": [attack, dodge, goTown],
+    text: "You are fighting a monster."
+  },
+  {
+    name: "kill monster",
+    "button text": ["Go to town square", "Go to town square", "Go to town square"],
+    "button functions": [goTown, goTown, easterEgg],
+    text: 'The monster screams "Arg!" as it dies. You gain experience points and find gold.'
+  },
+  {
+    name: "lose",
+    "button text": ["REPLAY?", "REPLAY?", "REPLAY?"],
+    "button functions": [restart, restart, restart],
+    text: "You die. &#x2620;"
+  },
+  { 
+    name: "win", 
+    "button text": ["REPLAY?", "REPLAY?", "REPLAY?"], 
+    "button functions": [restart, restart, restart], 
+    text: "You defeat the Great Tiamat! YOU WIN THE GAME! &#x1F389;" 
+  },
+  {
+    name: "easter egg",
+    "button text": ["2", "8", "Go to town square?"],
+    "button functions": [pickTwo, pickEight, goTown],
+    text: "You find a secret game. Pick a number above. Ten numbers will be randomly chosen between 0 and 10. If the number you choose matches one of the random numbers, you win!"
+  }
+];
+
+// Initialize button click handlers
+button1.onclick = goStore;
+button2.onclick = goCave;
+button3.onclick = fightTiamat;
+
+// Function to update game state based on location
+function update(location) {
+  monsterStats.style.display = "none";
+  button1.innerText = location["button text"][0];
+  button2.innerText = location["button text"][1];
+  button3.innerText = location["button text"][2];
+  button1.onclick = location["button functions"][0];
+  button2.onclick = location["button functions"][1];
+  button3.onclick = location["button functions"][2];
+  text.innerHTML = location.text;
+}
+
+// Navigation functions
+function goTown() {
+  update(locations[0]);
+}
+
+function goStore() {
+  update(locations[1]);
+}
+
+function goCave() {
+  update(locations[2]);
+}
+
+// Store functions
+function buyHealth() {
+  if (gold >= 10) {
+    gold -= 10;
+    health += 500;
+    goldText.innerText = gold;
+    healthText.innerText = health;
+  } else {
+    text.innerText = "You do not have enough gold to buy health.";
+  }
+}
+
+function buyWeapon() {
+  if (currentWeapon < weapons.length - 1) {
+    if (gold >= 30) {
+      gold -= 30;
+      currentWeapon++;
+      goldText.innerText = gold;
+      let newWeapon = weapons[currentWeapon].name;
+      text.innerText = "You now have a " + newWeapon + ".";
+      inventory.push(newWeapon);
+      text.innerText += " In your inventory you have: " + inventory;
+    } else {
+      text.innerText = "You do not have enough gold to buy a weapon.";
+    }
+  } else {
+    text.innerText = "You already have the most powerful weapon!";
+    button2.innerText = "Sell weapon for 15 gold";
+    button2.onclick = sellWeapon;
+  }
+}
+
+function sellWeapon() {
+  if (inventory.length > 1) {
+    gold += 15;
+    goldText.innerText = gold;
+    let currentWeapon = inventory.shift();
+    text.innerText = "You sold a " + currentWeapon + ".";
+    text.innerText += " In your inventory you have: " + inventory;
+  } else {
+    text.innerText = "Don't sell your only weapon!";
+  }
+}
+
+// Combat functions
+function fightBasilisk() {
+  fighting = 0;
+  goFight();
+}
+
+function fightYamata() {
+  fighting = 1;
+  goFight();
+}
+
+function fightTiamat() {
+  fighting = 2;
+  goFight();
+}
+
+function goFight() {
+  update(locations[3]);
+  monsterHealth = monsters[fighting].health;
+  monsterStats.style.display = "block";
+  monsterName.innerText = monsters[fighting].name;
+  monsterHealthText.innerText = monsterHealth;
+}
+
+function attack() {
+  text.innerText = "The " + monsters[fighting].name + " attacks.";
+  text.innerText += " You attack it with your " + weapons[currentWeapon].name + ".";
+  health -= getMonsterAttackValue(monsters[fighting].level);
+  if (isMonsterHit()) {
+    monsterHealth -= weapons[currentWeapon].power + Math.floor(Math.random() * xp) + 1;    
+  } else {
+    text.innerText += " You miss.";
+  }
+  healthText.innerText = health;
+  monsterHealthText.innerText = monsterHealth;
+  if (health <= 0) {
+    lose();
+  } else if (monsterHealth <= 0) {
+    if (fighting === 2) {
+      winGame();
+    } else {
+      defeatMonster();
+    }
+  }
+  if (Math.random() <= .1 && inventory.length !== 1) {
+    text.innerText += " Your " + inventory.pop() + " breaks.";
+    currentWeapon--;
+  }
+}
+
+function getMonsterAttackValue(level) {
+  const hit = (level * 5) - (Math.floor(Math.random() * xp));
+  console.log(hit);
+  return hit > 0 ? hit : 0;
+}
+
+function isMonsterHit() {
+  return Math.random() > .2 || health < 20;
+}
+
+function dodge() {
+  text.innerText = "You dodge the attack from the " + monsters[fighting].name;
+}
+
+function defeatMonster() {
+  gold += Math.floor(monsters[fighting].level * 6.7);
+  xp += monsters[fighting].level;
+  goldText.innerText = gold;
+  xpText.innerText = xp;
+  update(locations[4]);
+}
+
+// Game end states
+function lose() {
+  update(locations[5]);
+}
+
+function winGame() {
+  update(locations[6]);
+}
+
+function restart() {
+  xp = 0;
+  health = 1000;
+  gold = 50;
+  currentWeapon = 0;
+  inventory = ["Arondight"];
+  goldText.innerText = gold;
+  healthText.innerText = health;
+  xpText.innerText = xp;
+  goTown();
+}
+
+// Easter egg mini-game
+function easterEgg() {
+  update(locations[7]);
+}
+
+function pickTwo() {
+  pick(2);
+}
+
+function pickEight() {
+  pick(8);
+}
+
+function pick(guess) {
+  const numbers = [];
+  while (numbers.length < 10) {
+    numbers.push(Math.floor(Math.random() * 11));
+  }
+  text.innerText = "You picked " + guess + ". Here are the random numbers:\n";
+  for (let i = 0; i < 10; i++) {
+    text.innerText += numbers[i] + "\n";
+  }
+  if (numbers.includes(guess)) {
+    text.innerText += "Right! You win 20 gold!";
+    gold += 20;
+    goldText.innerText = gold;
+  } else {
+    text.innerText += "Wrong! You lose 10 health!";
+    health -= 10;
+    healthText.innerText = health;
+    if (health <= 0) {
+      lose();
+    }
+  }
+}