diff --git a/MultiPlayer - Games/Pop_My_Balloon/README.md b/MultiPlayer - Games/Pop_My_Balloon/README.md
new file mode 100644
index 00000000..1c37a1f8
--- /dev/null
+++ b/MultiPlayer - Games/Pop_My_Balloon/README.md
@@ -0,0 +1,44 @@
+# Pop My Balloon
+
+---
+
+
+
+## **Description ๐**
+- It is a multiplayer game.
+- The basic premise of the game remains the same, regardless of the difficulty level or the input method. There will be a range of numbers from which players can choose a number. If the manage to guess the randomly chosen number, the balloon will pop and they lose. If they manage to avoid the lucky number, the range decreases such that their guess either becomes the new lower bound or new upper bound, and the balloon inflates just a little bit more.
+
+
+
+
+## **Functionalities ๐ฎ**
+- It is a multiplayer game.
+- We have two levels:
+
+Easy Level: The range starts off as 0-100 and players can guess any number within the range.
+Harder Level: The range starts off as 0-84, and players can only guess numbers that are either from the lower bound (LB) to LB+12 or from the upper bound (UB) to UB-12.
+
+- We also have two different modes:
+
+Text Mode: Players type their guesses manually into the guess box.
+Speech Mode: Players can say their guesses and the game will try to recognize and process what they guess.
+
+
+
+## **How to play? ๐น๏ธ**
+
+- Player 1 has to guess any number and that has to avoid the lucky number.
+- Player 2 has to do the same as Player 1.
+- The goal is to complete the game without guessing the lucky number.
+- Each time you guess correct the balloon blows up.
+- Keep playing and try to not to guess the lucky number in order to win the game.
+
+
+
+## **Screenshots ๐ธ**
+
+
+
+
+
+
diff --git a/MultiPlayer - Games/Pop_My_Balloon/index.html b/MultiPlayer - Games/Pop_My_Balloon/index.html
new file mode 100644
index 00000000..bc47faa7
--- /dev/null
+++ b/MultiPlayer - Games/Pop_My_Balloon/index.html
@@ -0,0 +1,169 @@
+
+
+
+
+
+ Let's Blow๐
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Let's Blow๐
+
+
+
+
+
+
+
+
Settings
+
Pick a level
+
+
+
Use a mike!
+
+
+
+
+
+
+
+
+
What am I doing?
+
+ Welcome to The Blows, the game where you DON'T want to guess the lucky number!
+ We have two different levels for you, and Easy Level and a Harder Level. In both levels,
+ a random number will be chosen, and you and your friends try to not guess the number. The range of numbers
+ you can guess gets smaller every turn (the lowest and highest numbers you can guess are at the top of the screen),
+ and when that poor, unfortunate soul guesses the number the balloon pops!
+
+
Easy Level
+
+ In the Easy Level, all the players can guess any number, as long as they are between the lowest and highest number.
+ The starting range of numbers is 1 to 100.
+
+
Harder Level
+
+ In the Harder Level, you can only guess numbers that are between the lowest number and 12 plus the lowest number, or numbers
+ that are between the highest number and the highest number minus 12. The starting range of numbers is 1 to 84.
+
Remake of the classic Space Shooter type of games, with minor additions. All the assets used to create this game were free, provided by: Jonathan So, Kenny, and Google(still free !). This was a learning project, hope you like it. Have fun !
+
+
+
+
+
+
HIGHSCORES
+
No highscores... go set one!
+
+
+
+
+
+
+
+
+
+
+
0%
+
+
+
+
+
+
COMMANDS:
+
Use arrow keys to move the ship !
+
Press spacebar to shoot !
+
Hold shift key to use booster!
+
+
+
+
+
+
+
+
MENU
+
0:30
+
+
Level: 1
+
+
0/80 XP
+
+
+
+
+
KILLS: 0
+
+
+
+
+
+
+
+
100%
+
+
+
+
+
+
+
+
100%
+
+
+
+
+
+
+
+
+
+
+
+
OVERHEAT:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Thank you for your service.
+
+
+
+
+
+
+
+
+
+
+
Total kills:
+
Time played multiplier:
+
Final score:
+
Current Highscore:
+
+
+
+
+
+
+
+
GAME PAUSED
+
CONTINUE
+
SETTINGS
+
QUIT
+
+
+
+
+
SETTINGS
+
+
VOLUME CONTROLS:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
SHIP COMMANDS:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ MUTE:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/SinglePlayer - Games/Earth_Guardian/package.json b/SinglePlayer - Games/Earth_Guardian/package.json
new file mode 100644
index 00000000..100e136a
--- /dev/null
+++ b/SinglePlayer - Games/Earth_Guardian/package.json
@@ -0,0 +1,25 @@
+{
+ "name": "earth-guardian",
+ "version": "1.2.0",
+ "description": "Remake of old popular space-shooter type of games.",
+ "main": "mainGlavno.js",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "keywords": [
+ "remake",
+ "game",
+ "vanilla",
+ "js",
+ "space",
+ "shooter",
+ "8bit",
+ "classic"
+ ],
+ "author": "Pujan-sarkar",
+ "license": "ISC",
+ "bugs": {
+ "url": "https://github.com/Pujan-sarkar"
+ }
+
+}
diff --git a/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.eot b/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.eot
new file mode 100644
index 00000000..70508eba
Binary files /dev/null and b/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.eot differ
diff --git a/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.ttf b/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.ttf
new file mode 100644
index 00000000..7015564a
Binary files /dev/null and b/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.ttf differ
diff --git a/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.woff b/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.woff
new file mode 100644
index 00000000..b648a3ee
Binary files /dev/null and b/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.woff differ
diff --git a/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.woff2 b/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.woff2
new file mode 100644
index 00000000..9fa21125
Binary files /dev/null and b/SinglePlayer - Games/Earth_Guardian/static/fonts/MaterialIcons-Regular.woff2 differ
diff --git a/SinglePlayer - Games/Earth_Guardian/static/fonts/PressStart2P.ttf b/SinglePlayer - Games/Earth_Guardian/static/fonts/PressStart2P.ttf
new file mode 100644
index 00000000..98044e93
Binary files /dev/null and b/SinglePlayer - Games/Earth_Guardian/static/fonts/PressStart2P.ttf differ
diff --git a/SinglePlayer - Games/Earth_Guardian/static/js/lib/assets.js b/SinglePlayer - Games/Earth_Guardian/static/js/lib/assets.js
new file mode 100644
index 00000000..d22f8efc
--- /dev/null
+++ b/SinglePlayer - Games/Earth_Guardian/static/js/lib/assets.js
@@ -0,0 +1,99 @@
+// Import modules
+import {sfx} from "../main.js";
+import {endPath} from "./path.js";
+
+// Graphical assets
+export class Graphics{
+ constructor() {
+ this.bg = new Image();
+ this.ship = new Image();
+ this.enemy = new Image();
+ this.missile = new Image();
+ this.explosion = new Image();
+ this.timerImage = new Image();
+ this.healthImage = new Image();
+ this.shieldImage = new Image();
+ this.enemyMissile = new Image();
+ this.engineFlames = new Image();
+
+ this.bg.src = `${endPath}/assets/images/background.png`;
+ this.ship.src = `${endPath}/assets/images/player.png`;
+ this.enemy.src = `${endPath}/assets/images/enemy.png`;
+ this.missile.src = `${endPath}/assets/images/playerRocket.png`;
+ this.explosion.src = `${endPath}/assets/images/3.png`;
+ this.healthImage.src = `${endPath}/assets/images/firstAid.png`;
+ this.enemyMissile.src = `${endPath}/assets/images/enemyRocket.png`;
+ this.timerImage.src = `${endPath}/assets/images/timer.png`;
+ this.shieldImage.src = `${endPath}/assets/images/shieldImage.png`;
+ this.engineFlames.src = `${endPath}/assets/images/engineFlameNormal.png`;
+ }
+}
+
+// Sound assets
+export class Sfx {
+ constructor() {
+ this.music = new Audio();
+ this.goVoice = new Audio();
+ this.alarmSound = new Audio();
+ this.enemyShooting = new Audio();
+ this.playerShooting = new Audio();
+ this.explosionSound = new Audio();
+ this.restorationSound = new Audio();
+
+ this.playerShooting.src = `${endPath}/assets/audio/weapon_player.wav`;
+ this.explosionSound.src = `${endPath}/assets/audio/explosion_enemy.wav`;
+ this.enemyShooting.src = `${endPath}/assets/audio/laser1.ogg`;
+ this.music.src = `${endPath}/assets/audio/music_background.wav`;
+ this.restorationSound.src = `${endPath}/assets/audio/powerUp11.ogg`;
+ this.alarmSound.src = `${endPath}/assets/audio/alarm.wav`;
+ this.goVoice.src =`${endPath}/assets/audio/go.ogg`;
+
+ this.sfxVolume = 0.3;
+ this.musicVolume = 0.4;
+ this.music.loop = true;
+ this.soundOff = false;
+ this.controllingVolume = false;
+
+ this.playerShooting.volume = this.sfxVolume;
+ this.explosionSound.volume = this.sfxVolume;
+ this.enemyShooting.volume = this.sfxVolume;
+ this.music.volume = this.musicVolume;
+ this.restorationSound.volume = this.sfxVolume;
+ this.alarmSound.volume = this.sfxVolume;
+ this.goVoice.volume = 0.1;
+
+ // Menu sounds
+ this.menuMove = new Audio();
+ this.menuSelected = new Audio();
+ this.menuMove.src = `${endPath}/assets/audio/menu hover.wav`
+ this.menuSelected.src = `${endPath}/assets/audio/menu select.wav`;
+ }
+
+ // Toggle all music / sound on and off
+ toggleMusic() {
+ this.soundOff = !this.soundOff;
+ if(this.soundOff) {
+ this.sfxVolume = 0;
+ this.musicVolume = 0;
+ this.menuSelected.volume = 0;
+ this.menuMove.volume = 0;
+ } else {
+ this.playerShooting.volume = this.sfxVolume;
+ this.explosionSound.volume = this.sfxVolume;
+ this.enemyShooting.volume = this.sfxVolume;
+ this.music.volume = this.musicVolume;
+ this.restorationSound.volume = this.sfxVolume;
+ this.volume = this.sfxVolume;
+ this.menuSelected.volume = 1;
+ this.menuMove.volume = 1;
+ }
+ }
+
+ // Play restoration sound effect when player picks up health, shield or timer.
+ restorationEffect() {
+ this.restorationSound.currentTime = 0;
+ this.restorationSound.play();
+ }
+}
+
+export const graphics = new Graphics();
diff --git a/SinglePlayer - Games/Earth_Guardian/static/js/lib/enemies.js b/SinglePlayer - Games/Earth_Guardian/static/js/lib/enemies.js
new file mode 100644
index 00000000..3cf6d408
--- /dev/null
+++ b/SinglePlayer - Games/Earth_Guardian/static/js/lib/enemies.js
@@ -0,0 +1,41 @@
+// Import modules
+import {game} from "./game.js";
+import {graphics, sfx} from "../main.js";
+
+export class Enemies {
+ constructor() {
+ this.speed = 1;
+ this.spawnDistance = 1200;
+ this.enemiesArray = [];
+ this.ammo = [];
+ this.spawned = false;
+ this.shootingSpeed = 700;
+ this.enemiesShootingInterval;
+ }
+
+ spawnEnemies() {
+ this.enemiesArray.push({
+ x: game.cWidth,
+ y: Math.floor(Math.random() * ( (game.maxHeight - graphics.enemyShip.height) - game.minHeight) + game.minHeight)
+ })
+ }
+
+ shoot() {
+ if(this.spawned) {
+ let minShip = 0;
+ let maxShip = this.enemiesArray.length - 1;
+ let randomShip = Math.floor(Math.random() * (maxShip - minShip + 1)) + minShip;
+
+ // Randomize
+ this.ammo.push({
+ x: this.enemiesArray[randomShip].x - graphics.enemy.width,
+ y: this.enemiesArray[randomShip].y + (graphics.enemy.height / 2)
+ })
+
+ sfx.enemyShooting.currentTime = 0;
+ sfx.enemyShooting.play();
+ }
+ }
+}
+export const enemies = new Enemies();
+enemies.enemiesShootingInterval = setInterval(enemies.shoot.bind(enemies), enemies.shootingSpeed);
\ No newline at end of file
diff --git a/SinglePlayer - Games/Earth_Guardian/static/js/lib/game.js b/SinglePlayer - Games/Earth_Guardian/static/js/lib/game.js
new file mode 100644
index 00000000..34d95cfd
--- /dev/null
+++ b/SinglePlayer - Games/Earth_Guardian/static/js/lib/game.js
@@ -0,0 +1,416 @@
+// Import modules
+import {player} from "./player.js";
+import {enemies} from "./enemies.js";
+import {sfx, powerups, startGame} from "../main.js";
+import {endPath} from "./path.js";
+
+
+export class Game {
+ constructor() {
+ // Game elements
+ this.canvas = document.querySelector("#canvas");
+ this.displayKills = document.querySelector("#killCount");
+ this.currentExp = document.querySelector("#currentExp");
+ this.requiredExpText = document.querySelector("#requiredExp");
+ this.levelBar = document.querySelector(".level-bar_fill");
+ this.notificationText = document.querySelector(".notification");
+ this.timerDisplay = document.querySelector("#timerDisplay");
+ this.gameOver = document.querySelector(".game--over");
+ this.ctx = this.canvas.getContext("2d");
+ this.cWidth = this.canvas.width;
+ this.cHeight = this.canvas.height;
+ this.minHeight = 0;
+ this.maxHeight = 500;
+
+ // On start values
+ this.requiredExp = 80;
+ this.score = 0;
+ this.startingTime;
+ this.endTime;
+ this.pausedTime;
+ this.timePassed;
+ this.init;
+ this.preGame;
+ this.isStarted = false;
+
+ // Time
+ this.time = 30;
+ this.secondsLeft;
+ this.countdown;
+ this.currentTime; // Used for pausing / continuing game
+
+ // Scores
+ this.highscore;
+ };
+
+ // Update kills and increase experience when player kills an enemy
+ updateKillcount() {
+ player.killCount++;
+ this.displayKills.textContent = player.killCount;
+
+ player.exp += 20;
+ this.currentExp.textContent = player.exp;
+
+ // When required exp is met, level up
+ if(player.exp === this.requiredExp) {
+ player.exp = 0;
+ this.requiredExp = this.requiredExp * 2;
+ this.currentExp.textContent = player.exp;
+ this.requiredExpText.textContent = this.requiredExp + " XP";
+ player.levelUp();
+ }
+ let levelExp = (player.exp / this.requiredExp) * 100;
+ this.levelBar.style.width = `${levelExp}%`;
+ };
+
+ // Increase game's difficulty as time goes by
+ increaseDifficulty() {
+ // Get how much time has passed since the game has started
+ this.endTime = new Date();
+ this.timePassed = Math.floor((this.endTime - this.startingTime) / 1000);
+
+ if(this.timePassed === 30) {
+ // Clear the interval for enemies shooting
+ clearInterval(enemies.enemiesShootingInterval);
+
+ // Increase enemies shooting speed
+ enemies.speed = 2;
+ enemies.shootingSpeed = 600;
+
+ // After speed update, enable interval again
+ enemies.enemiesShootingInterval = setInterval(enemies.shoot.bind(enemies), enemies.shootingSpeed);
+
+ this.displayNotification("They are speeding up!");
+ } else if (this.timePassed === 60) {
+ // Clear the interval for enemies shooting
+ clearInterval(enemies.enemiesShootingInterval);
+
+ // Increase enemies shooting speed
+ enemies.speed = 4;
+ enemies.shootingSpeed = 400;
+
+ // After speed update, enable interval again
+ enemies.enemiesShootingInterval = setInterval(enemies.shoot.bind(enemies), enemies.shootingSpeed);
+
+ this.displayNotification("They are speeding up again!!");
+ } else if (this.timePassed === 90) {
+ // Clear the interval for enemies shooting
+ clearInterval(enemies.enemiesShootingInterval);
+
+ // Increase enemies shooting speed
+ enemies.speed = 8;
+ enemies.shootingSpeed = 300;
+
+ // After speed update, enable interval again
+ enemies.enemiesShootingInterval = setInterval(enemies.shoot.bind(enemies), enemies.shootingSpeed);
+ this.displayNotification("Oh my god, will we make it?!");
+ } else if (this.timePassed === 120) {
+ // Clear the interval for enemies shooting
+ clearInterval(enemies.enemiesShootingInterval);
+
+ // Increase enemies shooting speed
+ enemies.speed = 10;
+ enemies.shootingSpeed = 200;
+
+ // After speed update, enable interval again
+ enemies.enemiesShootingInterval = setInterval(enemies.shoot.bind(enemies), enemies.shootingSpeed);
+
+ this.displayNotification("They are way too fast!!!");
+ }
+ };
+
+ // Display notifications
+ displayNotification(message) {
+ this.notificationText.classList.add("activeNotification");
+
+ this.notificationText.innerHTML = `warning
${message}
`;
+
+ // Remove the notification active class after 4 seconds
+ setTimeout(() => {
+ this.notificationText.classList.remove("activeNotification");
+ }, 3000);
+ }
+
+ // Game's timer
+ timer(secondsLeft){
+ clearInterval(this.countdown);
+
+ const now = Date.now();
+ const then = now + this.time * 1000;
+ this.displayTimeLeft(this.time);
+
+ this.countdown = setInterval(() =>{
+ this.secondsLeft = Math.round((then - Date.now()) / 1000);
+
+ // Show a warning for few seconds left
+ if(this.secondsLeft === 10) {
+ this.timerDisplay.classList.add("timeLow");
+ this.displayNotification("You don't have much time left!");
+ } else if (this.secondsLeft < 0) {
+ // If the timer ran out, end the game
+ clearInterval(this.countdown);
+ clearInterval(game);
+ this.endgame(this.secondsLeft);
+ return;
+ }
+ this.currentTime = this.secondsLeft;
+ this.time = this.currentTime;
+
+ this.displayTimeLeft(this.secondsLeft);
+ }, 1000)
+ };
+
+ // Display time left
+ displayTimeLeft(seconds) {
+ const minutes = Math.floor(seconds / 60);
+ const remainder = seconds % 60;
+ this.timerDisplay.textContent = `${minutes}:${remainder < 10 ? 0 : ""}${remainder}`;
+ };
+
+ // Add playtime when user picks up timer
+ addPlaytime() {
+ // First remove the class before re-adding it
+ document.querySelector(".time").classList.remove("timeShake");
+
+ // Random time awarded for picking up the time renewal
+ let minTime = 8;
+ let maxTime = 12;
+ minTime = Math.ceil(minTime);
+ maxTime = Math.floor(maxTime);
+ let spawnTime = Math.floor(Math.random() * (maxTime - minTime + 1)) + minTime;
+
+ this.time = this.secondsLeft + spawnTime;
+ this.timer(this.time);
+
+ // Display message and add shaking to the time
+ document.querySelector(".time").classList.add("timeShake");
+ this.timerDisplay.classList.remove("timeLow");
+ this.displayNotification("Added play time!");
+ };
+
+ // New score
+ newScore(finalScore) {
+ const inputMenu = document.querySelector(".newHighscore-input");
+ const scoreText = document.querySelector("#scoreText");
+ const inputField = document.querySelector("#playerName-input");
+ const saveBtn = document.querySelector("#savePlayer");
+ inputMenu.style.display = "flex";
+
+ // Display different message according to the score
+ if(finalScore > this.highscore) {
+ scoreText.innerHTML = `
+ Welcome to Hand Cricket Champ, where every flick counts towards your victory! Play against the computer and test your skills in this thrilling game of strategy and precision. Aim for the highest scores with each flick of your finger. Experience the excitement of cricket at your fingertips in Finger Flick Cricket.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
How to Play Hand Cricket
+
Objective:
+
Score more runs than the computer or dismiss the computer player.
+
+
Player:
+
You will play against the computer.
+
+
Instructions:
+
1. Batting:
+
Choose a number between 1 and 6.The computer will do same.If your numbers match, you're out. Otherwise, your runs are added to your total score.There is no limit to the number of balls (guesses) per inning.
+
+
2. Bowling (Computer's turn):
+
The computer tries to guess your chosen number. If the computer guesses correctly, you're out. Otherwise, your runs are added to your total score.
+
+
3. Switch Roles:
+
After each inning (when you get out or score runs), the computer bats and you bowl.
+
+
4. Scoring:
+
Runs are based on the numbers chosen by you and the computer.If you're out, no runs are scored for that inning.
+
+
+
+
\ No newline at end of file
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/screenshot.webp b/SinglePlayer - Games/Hangman Game play/Hangman Game/screenshot.webp
new file mode 100644
index 00000000..9b8427e6
Binary files /dev/null and b/SinglePlayer - Games/Hangman Game play/Hangman Game/screenshot.webp differ
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/script.js b/SinglePlayer - Games/Hangman Game play/Hangman Game/script.js
new file mode 100644
index 00000000..9a90a26f
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/script.js
@@ -0,0 +1,77 @@
+const wordDisplay = document.querySelector(".word-display");
+const guessesText = document.querySelector(".guesses-text b");
+const keyboardDiv = document.querySelector(".keyboard");
+const hangmanImage = document.querySelector(".hangman-box img");
+const gameModal = document.querySelector(".game-modal");
+const playAgainBtn = gameModal.querySelector("button");
+const themeToggle = document.getElementById('theme-toggle');
+const body = document.body;
+
+
+
+// Initializing game variables
+let currentWord, correctLetters, wrongGuessCount;
+const maxGuesses = 6;
+
+const resetGame = () => {
+ // Ressetting game variables and UI elements
+ correctLetters = [];
+ wrongGuessCount = 0;
+ hangmanImage.src = "images/hangman-0.svg";
+ guessesText.innerText = `${wrongGuessCount} / ${maxGuesses}`;
+ wordDisplay.innerHTML = currentWord.split("").map(() => `
`).join("");
+ keyboardDiv.querySelectorAll("button").forEach(btn => btn.disabled = false);
+ gameModal.classList.remove("show");
+}
+
+const getRandomWord = () => {
+ // Selecting a random word and hint from the wordList
+ const { word, hint } = wordList[Math.floor(Math.random() * wordList.length)];
+ currentWord = word; // Making currentWord as random word
+ document.querySelector(".hint-text b").innerText = hint;
+ resetGame();
+}
+
+const gameOver = (isVictory) => {
+ // After game complete.. showing modal with relevant details
+ const modalText = isVictory ? `You found the word:` : 'The correct word was:';
+ gameModal.querySelector("img").src = `images/${isVictory ? 'victory' : 'lost'}.gif`;
+ gameModal.querySelector("h4").innerText = isVictory ? 'Congrats!' : 'Game Over!';
+ gameModal.querySelector("p").innerHTML = `${modalText} ${currentWord}`;
+ gameModal.classList.add("show");
+}
+
+const initGame = (button, clickedLetter) => {
+ // Checking if clickedLetter is exist on the currentWord
+ if(currentWord.includes(clickedLetter)) {
+ // Showing all correct letters on the word display
+ [...currentWord].forEach((letter, index) => {
+ if(letter === clickedLetter) {
+ correctLetters.push(letter);
+ wordDisplay.querySelectorAll("li")[index].innerText = letter;
+ wordDisplay.querySelectorAll("li")[index].classList.add("guessed");
+ }
+ });
+ } else {
+ // If clicked letter doesn't exist then update the wrongGuessCount and hangman image
+ wrongGuessCount++;
+ hangmanImage.src = `images/hangman-${wrongGuessCount}.svg`;
+ }
+ button.disabled = true; // Disabling the clicked button so user can't click again
+ guessesText.innerText = `${wrongGuessCount} / ${maxGuesses}`;
+
+ // Calling gameOver function if any of these condition meets
+ if(wrongGuessCount === maxGuesses) return gameOver(false);
+ if(correctLetters.length === currentWord.length) return gameOver(true);
+}
+
+// Creating keyboard buttons and adding event listeners
+for (let i = 97; i <= 122; i++) {
+ const button = document.createElement("button");
+ button.innerText = String.fromCharCode(i);
+ keyboardDiv.appendChild(button);
+ button.addEventListener("click", (e) => initGame(e.target, String.fromCharCode(i)));
+}
+
+getRandomWord();
+playAgainBtn.addEventListener("click", getRandomWord);
\ No newline at end of file
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/style.css b/SinglePlayer - Games/Hangman Game play/Hangman Game/style.css
new file mode 100644
index 00000000..c69bfb07
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/style.css
@@ -0,0 +1,188 @@
+/* Importing Google font - Open Sans */
+@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: "Open Sans", sans-serif;
+}
+body {
+ display: flex;
+ padding: 0 10px;
+ align-items: center;
+ justify-content: center;
+ min-height: 100vh;
+ background: #73566a;
+}
+.container {
+ display: flex;
+ width: 850px;
+ gap: 70px;
+ padding: 60px 40px;
+ background: white;
+ border-radius: 10px;
+ align-items: flex-end;
+ justify-content: space-between;
+ box-shadow: 0 10px 20px rgba(0,0,0,0.9);
+}
+.hangman-box img {
+ user-select: none;
+ max-width: 270px;
+}
+.hangman-box h1 {
+ font-size: 1.45rem;
+ text-align: center;
+ margin-top: 20px;
+ text-transform: uppercase;
+ color: black;
+}
+.game-box .word-display {
+ gap: 10px;
+ list-style: none;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: center;
+}
+.word-display .letter {
+ width: 28px;
+ font-size: 2rem;
+ text-align: center;
+ font-weight: 600;
+ margin-bottom: 40px;
+ text-transform: uppercase;
+ border-bottom: 3px solid black;
+}
+.word-display .letter.guessed {
+ margin: -40px 0 35px;
+ border-color: transparent;
+}
+.game-box h4 {
+ text-align: center;
+ font-size: 1.1rem;
+ font-weight: 500;
+ margin-bottom: 15px;
+}
+.game-box h4 b {
+ font-weight: 600;
+}
+.game-box .guesses-text b {
+ color: #ff0000;
+}
+.game-box .keyboard {
+ display: flex;
+ gap: 5px;
+ flex-wrap: wrap;
+ margin-top: 40px;
+ justify-content: center;
+}
+:where(.game-modal, .keyboard) button {
+ color: #fff;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ font-size: 1rem;
+ font-weight: 600;
+ border-radius: 4px;
+ text-transform: uppercase;
+ background: #67078d;
+}
+.keyboard button {
+ padding: 7px;
+ width: calc(100% / 9 - 5px);
+}
+.keyboard button[disabled] {
+ pointer-events: none;
+ opacity: 0.6;
+}
+:where(.game-modal, .keyboard) button:hover {
+ background: #491549;
+}
+.game-modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ pointer-events: none;
+ background: rgba(0,0,0,0.6);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ z-index: 9999;
+ padding: 0 10px;
+ transition: opacity 0.4s ease;
+}
+.game-modal.show {
+ opacity: 1;
+ pointer-events: auto;
+ transition: opacity 0.4s 0.4s ease;
+}
+.game-modal .content {
+ padding: 30px;
+ max-width: 420px;
+ width: 100%;
+ border-radius: 10px;
+ background: #fff;
+ text-align: center;
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+}
+.game-modal img {
+ max-width: 130px;
+ margin-bottom: 20px;
+}
+.game-modal img[src="images/victory.gif"] {
+ margin-left: -10px;
+}
+.game-modal h4 {
+ font-size: 1.53rem;
+}
+.game-modal p {
+ font-size: 1.15rem;
+ margin: 15px 0 30px;
+ font-weight: 500;
+}
+.game-modal p b {
+ color: #5E63BA;
+ font-weight: 600;
+}
+.game-modal button {
+ padding: 12px 23px;
+}
+
+@media (max-width: 782px) {
+ .container {
+ flex-direction: column;
+ padding: 30px 15px;
+ align-items: center;
+ }
+ .hangman-box img {
+ max-width: 200px;
+ }
+ .hangman-box h1 {
+ display: none;
+ }
+ .game-box h4 {
+ font-size: 1rem;
+ }
+ .word-display .letter {
+ margin-bottom: 35px;
+ font-size: 1.7rem;
+ }
+ .word-display .letter.guessed {
+ margin: -35px 0 25px;
+ }
+ .game-modal img {
+ max-width: 120px;
+ }
+ .game-modal h4 {
+ font-size: 1.45rem;
+ }
+ .game-modal p {
+ font-size: 1.1rem;
+ }
+ .game-modal button {
+ padding: 10px 18px;
+ }
+}
\ No newline at end of file
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/word-list.js b/SinglePlayer - Games/Hangman Game play/Hangman Game/word-list.js
new file mode 100644
index 00000000..415f5601
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/word-list.js
@@ -0,0 +1,262 @@
+const wordList = [
+ {
+ word: "guitar",
+ hint: "A musical instrument with strings."
+ },
+ {
+ word: "oxygen",
+ hint: "What gas is essential for most living organisms to breathe?"
+ },
+ {
+ word: "elephant",
+ hint: "What is the largest land animal on Earth?"
+ },
+ {
+ word: "apple",
+ hint: "What fruit is commonly associated with Newton's discovery of gravity?"
+ },
+ {
+ word: "astronomy",
+ hint: "The scientific study of celestial objects and phenomena."
+ },
+ {
+ word: "football",
+ hint: "A popular sport played with a spherical ball."
+ },
+ {
+ word: "chocolate",
+ hint: "A sweet treat made from cocoa beans."
+ },
+ {
+ word: "france",
+ hint:"European country is known for its iconic Eiffel Tower and Louvre Museum?"
+ },
+ {
+ word: "saturn",
+ hint: " What is the sixth planet from the Sun in our solar system?"
+ },
+ {
+ word: "pizza",
+ hint: "A savory dish consisting of a round, flattened base with toppings."
+ },
+ {
+ word: "australia",
+ hint: "Which country is both a continent and an island?"
+ },
+ {
+ word: "camera",
+ hint: "A device used to capture and record images or videos."
+ },
+ {
+ word: "diamond",
+ hint: "A precious gemstone known for its brilliance and hardness."
+ },
+ {
+ word: "mathematics",
+ hint: "What subject involves the study of numbers, quantities, shapes, and patterns?"
+ },
+ {
+ word: "science",
+ hint: "The systematic study of the structure and behavior of the physical and natural world."
+ },
+ {
+ word: "tokyo",
+ hint: "What is the capital city of Japan?"
+ },
+ {
+ word: "mammal",
+ hint: "What type of creature is a dolphin?"
+ },
+ {
+ word: "coffee",
+ hint: "A popular caffeinated beverage made from roasted coffee beans."
+ },
+ {
+ word: "dance",
+ hint: "A rhythmic movement of the body often performed to music."
+ },
+ {
+ word: "galaxy",
+ hint: "A vast system of stars, gas, and dust held together by gravity."
+ },
+ {
+ word: "Everest",
+ hint: " What is the tallest mountain in the world?"
+ },
+ {
+ word: "volcano",
+ hint: "A mountain or hill with a vent through which lava, rock fragments, hot vapor, and gas are ejected."
+ },
+ {
+ word: "novel",
+ hint: "A long work of fiction, typically with a complex plot and characters."
+ },
+ {
+ word: "pound",
+ hint: "What is the currency of the United Kingdom?"
+ },
+ {
+ word: "Shakespeare",
+ hint: "Who wrote the play Romeo and Juliet ?"
+ },
+ {
+ word: "iron",
+ hint: "What is the chemical element with the symbol Fe ?"
+ },
+ {
+ word: "ballet",
+ hint: "A classical dance form characterized by precise and graceful movements."
+ },
+ {
+ word: "astronaut",
+ hint: "A person trained to travel and work in space."
+ },
+ {
+ word: "waterfall",
+ hint: "A cascade of water falling from a height."
+ },
+ {
+ word: "technology",
+ hint: "The application of scientific knowledge for practical purposes."
+ },
+ {
+ word: "rainbow",
+ hint: "A meteorological phenomenon that is caused by reflection, refraction, and dispersion of light."
+ },
+ {
+ word: "universe",
+ hint: "All existing matter, space, and time as a whole."
+ },
+ {
+ word: "piano",
+ hint: "A musical instrument played by pressing keys that cause hammers to strike strings."
+ },
+ {
+ word: "vacation",
+ hint: "A period of time devoted to pleasure, rest, or relaxation."
+ },
+ {
+ word: "rainforest",
+ hint: "A dense forest characterized by high rainfall and biodiversity."
+ },
+ {
+ word: "theater",
+ hint: "A building or outdoor area in which plays, movies, or other performances are staged."
+ },
+ {
+ word: "telephone",
+ hint: "A device used to transmit sound over long distances."
+ },
+ {
+ word: "language",
+ hint: "A system of communication consisting of words, gestures, and syntax."
+ },
+ {
+ word: "desert",
+ hint: "A barren or arid land with little or no precipitation."
+ },
+ {
+ word: "sunflower",
+ hint: "A tall plant with a large yellow flower head."
+ },
+ {
+ word: "fantasy",
+ hint: "A genre of imaginative fiction involving magic and supernatural elements."
+ },
+ {
+ word: "telescope",
+ hint: "An optical instrument used to view distant objects in space."
+ },
+ {
+ word: "breeze",
+ hint: "A gentle wind."
+ },
+ {
+ word: "oasis",
+ hint: "A fertile spot in a desert where water is found."
+ },
+ {
+ word: "photography",
+ hint: "The art, process, or practice of creating images by recording light or other electromagnetic radiation."
+ },
+ {
+ word: "safari",
+ hint: "An expedition or journey, typically to observe wildlife in their natural habitat."
+ },
+ {
+ word: "planet",
+ hint: "A celestial body that orbits a star and does not produce light of its own."
+ },
+ {
+ word: "river",
+ hint: "A large natural stream of water flowing in a channel to the sea, a lake, or another such stream."
+ },
+ {
+ word: "tropical",
+ hint: "Relating to or situated in the region between the Tropic of Cancer and the Tropic of Capricorn."
+ },
+ {
+ word: "mysterious",
+ hint: "Difficult or impossible to understand, explain, or identify."
+ },
+ {
+ word: "enigma",
+ hint: "Something that is mysterious, puzzling, or difficult to understand."
+ },
+ {
+ word: "paradox",
+ hint: "A statement or situation that contradicts itself or defies intuition."
+ },
+ {
+ word: "puzzle",
+ hint: "A game, toy, or problem designed to test ingenuity or knowledge."
+ },
+ {
+ word: "whisper",
+ hint: "To speak very softly or quietly, often in a secretive manner."
+ },
+ {
+ word: "shadow",
+ hint: "A dark area or shape produced by an object blocking the light."
+ },
+ {
+ word: "secret",
+ hint: "Something kept hidden or unknown to others."
+ },
+ {
+ word: "curiosity",
+ hint: "A strong desire to know or learn something."
+ },
+ {
+ word: "unpredictable",
+ hint: "Not able to be foreseen or known beforehand; uncertain."
+ },
+ {
+ word: "obfuscate",
+ hint: "To confuse or bewilder someone; to make something unclear or difficult to understand."
+ },
+ {
+ word: "unveil",
+ hint: "To make known or reveal something previously secret or unknown."
+ },
+ {
+ word: "illusion",
+ hint: "A false perception or belief; a deceptive appearance or impression."
+ },
+ {
+ word: "moonlight",
+ hint: "The light from the moon."
+ },
+ {
+ word: "vibrant",
+ hint: "Full of energy, brightness, and life."
+ },
+ {
+ word: "nostalgia",
+ hint: "A sentimental longing or wistful affection for the past."
+ },
+ {
+ word: "brilliant",
+ hint: "Exceptionally clever, talented, or impressive."
+ },
+];
\ No newline at end of file
diff --git a/SinglePlayer - Games/Quantum_Maze/index.html b/SinglePlayer - Games/Quantum_Maze/index.html
new file mode 100644
index 00000000..44facb9f
--- /dev/null
+++ b/SinglePlayer - Games/Quantum_Maze/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+ Quantum Maze
+
+
+
+
Quantum Maze
+
+
+
+
+
+
diff --git a/SinglePlayer - Games/Quantum_Maze/script.js b/SinglePlayer - Games/Quantum_Maze/script.js
new file mode 100644
index 00000000..e6d765b2
--- /dev/null
+++ b/SinglePlayer - Games/Quantum_Maze/script.js
@@ -0,0 +1,82 @@
+const canvas = document.getElementById('gameCanvas');
+const ctx = canvas.getContext('2d');
+canvas.width = 600;
+canvas.height = 600;
+
+
+const gridSize = 20;
+const mazeSize = canvas.width / gridSize;
+const player = {
+ x: 0,
+ y: 0,
+ color: 'yellow'
+};
+
+
+const quantumWalls = [];
+const entangledPaths = [];
+
+
+for (let i = 0; i < mazeSize; i++) {
+ quantumWalls[i] = [];
+ for (let j = 0; j < mazeSize; j++) {
+ quantumWalls[i][j] = Math.random() > 0.7 ? 'wall' : 'empty';
+ }
+}
+
+
+function drawMaze() {
+ for (let i = 0; i < mazeSize; i++) {
+ for (let j = 0; j < mazeSize; j++) {
+ if (quantumWalls[i][j] === 'wall') {
+ ctx.fillStyle = 'grey';
+ ctx.fillRect(i * gridSize, j * gridSize, gridSize, gridSize);
+ }
+ }
+ }
+}
+
+
+function drawPlayer() {
+ ctx.fillStyle = player.color;
+ ctx.fillRect(player.x * gridSize, player.y * gridSize, gridSize, gridSize);
+}
+
+
+function movePlayer(x, y) {
+ if (x >= 0 && x < mazeSize && y >= 0 && y < mazeSize) {
+ if (quantumWalls[x][y] !== 'wall') {
+ player.x = x;
+ player.y = y;
+ collapseWalls(x, y);
+ }
+ }
+}
+
+
+function collapseWalls(x, y) {
+ if (Math.random() > 0.5) {
+ quantumWalls[x][y] = 'empty';
+ } else {
+ quantumWalls[x][y] = 'wall';
+ }
+}
+
+
+document.addEventListener('keydown', (event) => {
+ if (event.key === 'ArrowUp') movePlayer(player.x, player.y - 1);
+ if (event.key === 'ArrowDown') movePlayer(player.x, player.y + 1);
+ if (event.key === 'ArrowLeft') movePlayer(player.x - 1, player.y);
+ if (event.key === 'ArrowRight') movePlayer(player.x + 1, player.y);
+ updateGame();
+});
+
+
+function updateGame() {
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
+ drawMaze();
+ drawPlayer();
+}
+
+
+updateGame();
diff --git a/SinglePlayer - Games/Quantum_Maze/style.css b/SinglePlayer - Games/Quantum_Maze/style.css
new file mode 100644
index 00000000..5b5b4306
--- /dev/null
+++ b/SinglePlayer - Games/Quantum_Maze/style.css
@@ -0,0 +1,25 @@
+body {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ height: 100vh;
+ background-color: #000;
+ color: #fff;
+ margin: 0;
+ font-family: Arial, sans-serif;
+}
+
+
+#game-container {
+ position: relative;
+ width: 600px;
+ height: 600px;
+ background-color: #333;
+}
+
+
+canvas {
+ border: 2px solid #fff;
+ background-color: #222;
+}
diff --git a/SinglePlayer - Games/SnakeBites/README.md b/SinglePlayer - Games/SnakeBites/README.md
new file mode 100644
index 00000000..d522933d
--- /dev/null
+++ b/SinglePlayer - Games/SnakeBites/README.md
@@ -0,0 +1,42 @@
+# **SnakeBites Game**
+
+---
+
+
+
+## **Description ๐**
+- This project is built on a basic web tech stacks such as HTML, CSS and Javascript.
+- This game is just for fun.
+
+## **functionalities ๐ฎ**
+- This game is a single player game.
+- Using Up, Down, Left and Right Arrows, move the snake.
+- By eating food, score will increase.
+- High score will be updated when current score will be more than the high score.
+
+## ** Additional Features **
+- Displaying the current score and high score of the player.
+- Implementing a graphical user interface (GUI) for a more interactive experience.
+- Adding background sound and moving snake and eating food sounds.
+
+
+
+## **How to play? ๐น๏ธ**
+- This is a single player game.
+- Using Up, Down, Left and Right Arrows, move the snake in such a way it does not touch the boundaries and also not the snake body.
+- If head of the snake smash into their body and the boundaries, will result into **"GAME OVER"**
+- By eating the food, score will increase.
+
+
+
+## **Screenshots ๐ธ**
+
+
+
+
+
+
+
+## **Working video ๐น**
+
+
diff --git a/SinglePlayer - Games/SnakeBites/Snake_Bites.css b/SinglePlayer - Games/SnakeBites/Snake_Bites.css
new file mode 100644
index 00000000..7e50f649
--- /dev/null
+++ b/SinglePlayer - Games/SnakeBites/Snake_Bites.css
@@ -0,0 +1,111 @@
+:root{
+ --background: #d9d9d9;
+ --color: #ffc300;
+ --accent: #000814;
+ --shade: #001d3d;
+}
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+ text-align: center;
+ font-family: 'Lato', sans-serif;
+}
+body{
+ background-color:#fdf0d5;
+}
+.body{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+img{
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ height:300px;
+ object-fit: cover;
+}
+h1{
+ position: absolute;
+ top: 15px;
+ left: 20px;
+ font-size: 50px;
+ font-family: 'Rubik', sans-serif;
+ color: var(--accent);
+}
+#scoreBox{
+ position: absolute;
+ top: 80px;
+ left: 20px;
+ font-size: 20px;
+}
+#hiscoreBox{
+ position: absolute;
+ top: 80px;
+ left: 200px;
+ font-size: 20px;
+}
+#board{
+ background: linear-gradient(var(--accent), #669bbc);
+ width: 90vmin;
+ height: 92vmin;
+ margin-top: 25px;
+ box-shadow: 0px 0px 10px 2px rgb(25, 26, 27) ;
+ display:grid;
+ grid-template-rows: repeat(18, 1fr);
+ grid-template-columns: repeat(18, 1fr);
+}
+.head{
+ background: linear-gradient(#780000, #c1121f);
+ box-shadow: 0px 0px 5px 2px rgb(25, 26, 27) ;
+ border: 0.25vmin solid black;
+ border-radius: 9px;
+ transform:scale(1.02);
+
+}
+.snake{
+ background-color: #c1121f;
+ box-shadow: 0px 0px 5px 2px rgb(25, 26, 27) ;
+ border-radius: 12px;
+}
+.food{
+ background: linear-gradient(#ee9b00, #e9d8a6);
+ border: 0.5vmin solid #e76f51;
+ border-radius: 8px;
+}
+.back{
+ all: unset;
+ position:fixed;
+ top:25px;
+ right:30px;
+ background-color: var(--accent);
+ color: var(--color);
+ padding: 15px;
+ border-radius: 1rem;
+}
+
+@media screen and (max-width:1000px) {
+ .body{
+ flex-direction: column;
+ margin: 8% 0;
+ }
+ img{
+ display: none;
+ }
+ h1{
+ position: relative;
+ text-align: center;
+ }
+ #scoreBox{
+ left: 5px;
+ }
+ #hiscoreBox{
+ left:100px;
+ }
+ .back{
+ top:70px;
+ right:25px;
+ font-size: 10px;
+ }
+}
\ No newline at end of file
diff --git a/SinglePlayer - Games/SnakeBites/Snake_Bites.html b/SinglePlayer - Games/SnakeBites/Snake_Bites.html
new file mode 100644
index 00000000..832b9f6d
--- /dev/null
+++ b/SinglePlayer - Games/SnakeBites/Snake_Bites.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Snake-Bites
+
+
+
+
+
Snake Bites
+
+
+
+
Score: 0
+
High Score: 0
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/SinglePlayer - Games/SnakeBites/Snake_Bites.js b/SinglePlayer - Games/SnakeBites/Snake_Bites.js
new file mode 100644
index 00000000..c715b0bf
--- /dev/null
+++ b/SinglePlayer - Games/SnakeBites/Snake_Bites.js
@@ -0,0 +1,141 @@
+// Game Constants & Variables
+let inputDir = {x: 0, y: 0};
+const foodSound = new Audio('food.mp3');
+const gameOverSound = new Audio('gameover.mp3');
+const moveSound = new Audio('move.mp3');
+const musicSound = new Audio('music.mp3');
+let speed = prompt("Enter speed of the Snake you want: (5: easy, 10: medium, >15: hard)");
+let score = 0;
+let lastPaintTime = 0;
+let snakeArr = [
+ {x: 13, y: 15}
+];
+
+food = {x: 6, y: 7};
+
+// Game Functions
+function main(ctime) {
+ window.requestAnimationFrame(main);
+ if((ctime - lastPaintTime)/1000 < 1/speed){
+ return;
+ }
+ musicSound.play();
+ lastPaintTime = ctime;
+ gameEngine();
+}
+
+function isCollide(snake) {
+ // If you bump into yourself
+ for (let i = 1; i < snakeArr.length; i++) {
+ if(snake[i].x === snake[0].x && snake[i].y === snake[0].y){
+ return true;
+ }
+ }
+ // If you bump into the wall
+ if(snake[0].x >= 18 || snake[0].x <=0 || snake[0].y >= 18 || snake[0].y <=0){
+ return true;
+ }
+
+ return false;
+}
+
+function gameEngine(){
+ // Part 1: Updating the snake array & Food
+ if(isCollide(snakeArr)){
+ gameOverSound.play();
+ musicSound.pause();
+ inputDir = {x: 0, y: 0};
+ alert("Game Over. Press any key to play again!");
+ snakeArr = [{x: 13, y: 15}];
+ score = 0;
+ }
+
+ // If you have eaten the food, increment the score and regenerate the food
+ if(snakeArr[0].y === food.y && snakeArr[0].x ===food.x){
+ foodSound.play();
+ score += 1;
+ if(score>hiscoreval){
+ hiscoreval = score;
+ localStorage.setItem("hiscore", JSON.stringify(hiscoreval));
+ hiscoreBox.innerHTML = "HiScore: " + hiscoreval;
+ }
+ scoreBox.innerHTML = "Score: " + score;
+ snakeArr.unshift({x: snakeArr[0].x + inputDir.x, y: snakeArr[0].y + inputDir.y});
+ let a = 2;
+ let b = 16;
+ food = {x: Math.round(a + (b-a)* Math.random()), y: Math.round(a + (b-a)* Math.random())}
+ }
+
+ // Moving the snake
+ for (let i = snakeArr.length - 2; i>=0; i--) {
+ snakeArr[i+1] = {...snakeArr[i]};
+ }
+
+ snakeArr[0].x += inputDir.x;
+ snakeArr[0].y += inputDir.y;
+
+ // Part 2: Display the snake and Food
+ // Display the snake
+ board.innerHTML = "";
+ snakeArr.forEach((e, index)=>{
+ snakeElement = document.createElement('div');
+ snakeElement.style.gridRowStart = e.y;
+ snakeElement.style.gridColumnStart = e.x;
+
+ if(index === 0){
+ snakeElement.classList.add('head');
+ }
+ else{
+ snakeElement.classList.add('snake');
+ }
+ board.appendChild(snakeElement);
+ });
+ // Display the food
+ foodElement = document.createElement('div');
+ foodElement.style.gridRowStart = food.y;
+ foodElement.style.gridColumnStart = food.x;
+ foodElement.classList.add('food')
+ board.appendChild(foodElement);
+}
+
+// Main logic starts here
+musicSound.play();
+let hiscore = localStorage.getItem("hiscore");
+if(hiscore === null){
+ hiscoreval = 0;
+ localStorage.setItem("hiscore", JSON.stringify(hiscoreval))
+}
+else{
+ hiscoreval = JSON.parse(hiscore);
+ hiscoreBox.innerHTML = "HiScore: " + hiscore;
+}
+
+window.requestAnimationFrame(main);
+window.addEventListener('keydown', e =>{
+ inputDir = {x: 0, y: 1} // Start the game
+ moveSound.play();
+ switch (e.key) {
+ case "ArrowUp":
+ inputDir.x = 0;
+ inputDir.y = -1;
+ break;
+
+ case "ArrowDown":
+ inputDir.x = 0;
+ inputDir.y = 1;
+ break;
+
+ case "ArrowLeft":
+ inputDir.x = -1;
+ inputDir.y = 0;
+ break;
+
+ case "ArrowRight":
+ inputDir.x = 1;
+ inputDir.y = 0;
+ break;
+ default:
+ break;
+ }
+
+});
\ No newline at end of file
diff --git a/SinglePlayer - Games/SnakeBites/food.mp3 b/SinglePlayer - Games/SnakeBites/food.mp3
new file mode 100644
index 00000000..076198c9
Binary files /dev/null and b/SinglePlayer - Games/SnakeBites/food.mp3 differ
diff --git a/SinglePlayer - Games/SnakeBites/gameover.mp3 b/SinglePlayer - Games/SnakeBites/gameover.mp3
new file mode 100644
index 00000000..414bf651
Binary files /dev/null and b/SinglePlayer - Games/SnakeBites/gameover.mp3 differ
diff --git a/SinglePlayer - Games/SnakeBites/images/Snake-game.png b/SinglePlayer - Games/SnakeBites/images/Snake-game.png
new file mode 100644
index 00000000..e93bab58
Binary files /dev/null and b/SinglePlayer - Games/SnakeBites/images/Snake-game.png differ
diff --git a/SinglePlayer - Games/SnakeBites/images/logo.jpeg b/SinglePlayer - Games/SnakeBites/images/logo.jpeg
new file mode 100644
index 00000000..3b86b8c0
Binary files /dev/null and b/SinglePlayer - Games/SnakeBites/images/logo.jpeg differ
diff --git a/SinglePlayer - Games/SnakeBites/images/snake.gif b/SinglePlayer - Games/SnakeBites/images/snake.gif
new file mode 100644
index 00000000..44d0e7b9
Binary files /dev/null and b/SinglePlayer - Games/SnakeBites/images/snake.gif differ
diff --git a/SinglePlayer - Games/SnakeBites/move.mp3 b/SinglePlayer - Games/SnakeBites/move.mp3
new file mode 100644
index 00000000..4d3d245d
Binary files /dev/null and b/SinglePlayer - Games/SnakeBites/move.mp3 differ
diff --git a/SinglePlayer - Games/SnakeBites/music.mp3 b/SinglePlayer - Games/SnakeBites/music.mp3
new file mode 100644
index 00000000..f1507af3
Binary files /dev/null and b/SinglePlayer - Games/SnakeBites/music.mp3 differ
diff --git a/SinglePlayer - Games/SnakeBites/snakebites.mp4 b/SinglePlayer - Games/SnakeBites/snakebites.mp4
new file mode 100644
index 00000000..4432a24f
Binary files /dev/null and b/SinglePlayer - Games/SnakeBites/snakebites.mp4 differ
diff --git a/SinglePlayer - Games/Touch-No-Fire-Game/Readme.md b/SinglePlayer - Games/Touch-No-Fire-Game/Readme.md
new file mode 100644
index 00000000..a7673c02
--- /dev/null
+++ b/SinglePlayer - Games/Touch-No-Fire-Game/Readme.md
@@ -0,0 +1,33 @@
+# **Touch-No-Fire-Game**
+Enjoy The Game!!!
+
+
+## **Description ๐**
+- This is a Normal crossword game that we can play in virtually and blow I have print some tips for the beginners as well!
+- The project will contain HTML, CSS and JavaScript files. The HTML file adds structure to the game followed by styling using CSS. JavaScript adds functionality to the game.
+
+## **How to play? ๐น๏ธ**
+- Controls :
+ - Game Rules!
+ - Eat the food to gain score
+ - Do not touch the fire
+ - The fire multiplies once with even scores
+ - If you stay idle, the fire won't do anything
+ - Do not touch the moving fire
+ - Please play using arrow keys!
+
+
+
+
+## **Screenshots ๐ธ**
+
+
+
+
+
+
+
+
+
+## **Working video ๐น**
+https://github.com/GameSphere-MultiPlayer/GameSphere/assets/154777864/a88f676a-69c8-4cc9-b6e6-98e5fca1aa59
\ No newline at end of file
diff --git a/SinglePlayer - Games/Touch-No-Fire-Game/index.html b/SinglePlayer - Games/Touch-No-Fire-Game/index.html
new file mode 100644
index 00000000..b9c61d7c
--- /dev/null
+++ b/SinglePlayer - Games/Touch-No-Fire-Game/index.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+ Move Element
+
+
+
+
Touch no Fire
+
+
+
😋
+
+
🍔
+
🔥
+
+
+
+ Game Rules!
+ * Eat the food to gain score
+ * Do not touch the fire
+ * The fire multiplies once with even scores
+ * If you stay idle, the fire won't do anything
+ * Do not touch the moving fire
+ * Please play using arrow keys
+
Doraemon Run is an adventurous maze-navigation game where players guide Doraemon through obstacles, collect cakes, and avoid traps while managing score and health to prevent game over.
+
+
Snakebites is an exciting, fast-paced arcade game where players navigate a growing snake to consume food while avoiding obstacles. Test your reflexes and strategy as you aim for high scores and unlock new levels.
Flappy Bird is an endless game that involves a bird that the player can control. The player has to save the bird from colliding with the hurdles like pipes. Each time the bird passes through the pipes, the score gets incremented by one...
Are you ready to put your programming knowledge to the test? Whether you're a seasoned developer or just starting your coding journey, a General Knowledge Quiz for programmers can be both fun and educational.
-Earth Guardian is a remake of the classic Space shooter type of games, with 8-bit (pixel art) assets. This project used free assets (music and graphics) provided by [Jonathan So](https://jonathan-so.itch.io/),[KennyNL](https://kenney.nl/) and other sources, like Google images and [OpenGameArt](https://opengameart.org). This was a learning project. There will be some updates in the near future. Hope you like it, have fun!
+
FLAMES is a fun game to predict relationships by using the initials of two people's names to determine if they will be Friends, Lovers, Affectionate, Married, Enemies, or Siblings
+
+
+-------------------
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
';
+ break;
+
+ case 2:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '
';
+ break;
+
+ case 3:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '
';
+ break;
+
+ case 4:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '
';
+ break;
+
+ case 5:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '
';
+ break;
+
+ case 6:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '
';
+ break;
+ }
+ // image generation
+ switch (plyChoice) {
+ case 1:
+ document.getElementsByClassName("ply-i")[0].innerHTML = '
';
+ break;
+
+ case 2:
+ document.getElementsByClassName("ply-i")[0].innerHTML = '
';
+ break;
+
+ case 3:
+ document.getElementsByClassName("ply-i")[0].innerHTML = '
';
+ break;
+
+ case 4:
+ document.getElementsByClassName("ply-i")[0].innerHTML = '
';
+ break;
+
+ case 5:
+ document.getElementsByClassName("ply-i")[0].innerHTML = '
';
+ break;
+
+ case 6:
+ document.getElementsByClassName("ply-i")[0].innerHTML = '
';
+ break;
+ }
+
+ if (randomChoice === plyChoice) {
+ document.getElementsByClassName("status")[0].innerHTML = 'OUT';
+ document.getElementById("Scr-P").innerHTML = scoreP;
+ SP = scoreP;
+ flag = 2;
+ }
+ else {
+ document.getElementsByClassName("status")[0].innerHTML = plyChoice;
+ scoreP += plyChoice;
+ document.getElementById("Scr-P").innerHTML = scoreP + '*';
+ }
+}
+
+function plyBowlSecond(plyChoice) {
+ const randomChoice = Math.round(Math.random() * 5 + 1);
+ // image generation
+ switch (randomChoice) {
+ case 1:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '
\ No newline at end of file
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-0.svg b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-0.svg
new file mode 100644
index 00000000..4413c372
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-0.svg
@@ -0,0 +1,9 @@
+
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-1.svg b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-1.svg
new file mode 100644
index 00000000..700cf117
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-1.svg
@@ -0,0 +1,13 @@
+
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-2.svg b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-2.svg
new file mode 100644
index 00000000..780d93b5
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-2.svg
@@ -0,0 +1,14 @@
+
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-3.svg b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-3.svg
new file mode 100644
index 00000000..f51cf848
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-3.svg
@@ -0,0 +1,15 @@
+
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-4.svg b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-4.svg
new file mode 100644
index 00000000..1cc6ccfc
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-4.svg
@@ -0,0 +1,16 @@
+
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-5.svg b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-5.svg
new file mode 100644
index 00000000..96158f99
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-5.svg
@@ -0,0 +1,21 @@
+
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-6.svg b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-6.svg
new file mode 100644
index 00000000..57d57212
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/hangman-6.svg
@@ -0,0 +1,22 @@
+
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/images/lost.gif b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/lost.gif
new file mode 100644
index 00000000..b29d9f12
Binary files /dev/null and b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/lost.gif differ
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/images/victory.gif b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/victory.gif
new file mode 100644
index 00000000..e78a3475
Binary files /dev/null and b/SinglePlayer - Games/Hangman Game play/Hangman Game/images/victory.gif differ
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/index.html b/SinglePlayer - Games/Hangman Game play/Hangman Game/index.html
new file mode 100644
index 00000000..c40df394
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/index.html
@@ -0,0 +1,36 @@
+
+
+
+
+
+ 
+
+
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+