Game Over!
+The correct word was: rainbow
+ +Snake Bites
+ +
+
+
+ Score: 0
+ High Score: 0
+
+ + +## **Description ๐** + +In Angry Birds, players control a group of colorful birds with different abilities who are seeking revenge on a group of green pigs that have stolen their eggs. The objective of the game is to launch the birds from a slingshot and strategically destroy various structures and obstacles in order to eliminate the pigs and retrieve the stolen eggs. + +## **How to play? ๐น๏ธ** +- Use the mouse to launch the birds from a slingshot + +## **Screenshot + + diff --git a/SinglePlayer - Games/Banner - image/D.png b/SinglePlayer - Games/Banner - image/D.png new file mode 100644 index 00000000..0cd5c678 Binary files /dev/null and b/SinglePlayer - Games/Banner - image/D.png differ diff --git a/SinglePlayer - Games/Banner - image/Hand_Cricket_Champ.png b/SinglePlayer - Games/Banner - image/Hand_Cricket_Champ.png new file mode 100644 index 00000000..b0b6296e Binary files /dev/null and b/SinglePlayer - Games/Banner - image/Hand_Cricket_Champ.png differ diff --git a/SinglePlayer - Games/Banner - image/Snake-game.png b/SinglePlayer - Games/Banner - image/Snake-game.png new file mode 100644 index 00000000..e93bab58 Binary files /dev/null and b/SinglePlayer - Games/Banner - image/Snake-game.png differ diff --git a/SinglePlayer - Games/Banner - image/guessthesequence.png b/SinglePlayer - Games/Banner - image/guessthesequence.png new file mode 100644 index 00000000..1631f840 Binary files /dev/null and b/SinglePlayer - Games/Banner - image/guessthesequence.png differ diff --git a/SinglePlayer - Games/Banner - image/snake.webp b/SinglePlayer - Games/Banner - image/snake.webp new file mode 100644 index 00000000..c9096568 Binary files /dev/null and b/SinglePlayer - Games/Banner - image/snake.webp differ diff --git a/SinglePlayer - Games/Banner - image/snakebite-slot-feat.webp b/SinglePlayer - Games/Banner - image/snakebite-slot-feat.webp new file mode 100644 index 00000000..c9096568 Binary files /dev/null and b/SinglePlayer - Games/Banner - image/snakebite-slot-feat.webp differ diff --git a/SinglePlayer - Games/Banner - image/snakebites.png b/SinglePlayer - Games/Banner - image/snakebites.png new file mode 100644 index 00000000..83d0692a Binary files /dev/null and b/SinglePlayer - Games/Banner - image/snakebites.png differ diff --git a/SinglePlayer - Games/DoremonRun/Doraemon run.mp4 b/SinglePlayer - Games/DoremonRun/Doraemon run.mp4 new file mode 100644 index 00000000..eabfc26f Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/Doraemon run.mp4 differ diff --git a/SinglePlayer - Games/DoremonRun/README.md b/SinglePlayer - Games/DoremonRun/README.md new file mode 100644 index 00000000..b33cc90b --- /dev/null +++ b/SinglePlayer - Games/DoremonRun/README.md @@ -0,0 +1,2 @@ +# RunDoraRun +Doraemon game diff --git a/SinglePlayer - Games/DoremonRun/Videos/Doraemon run.mp4 b/SinglePlayer - Games/DoremonRun/Videos/Doraemon run.mp4 new file mode 100644 index 00000000..eabfc26f Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/Videos/Doraemon run.mp4 differ diff --git a/SinglePlayer - Games/DoremonRun/image/D.png b/SinglePlayer - Games/DoremonRun/image/D.png new file mode 100644 index 00000000..0cd5c678 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/D.png differ diff --git a/SinglePlayer - Games/DoremonRun/image/Dora.png b/SinglePlayer - Games/DoremonRun/image/Dora.png new file mode 100644 index 00000000..311ea0e6 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/Dora.png differ diff --git a/SinglePlayer - Games/DoremonRun/image/PngItem_148881.png b/SinglePlayer - Games/DoremonRun/image/PngItem_148881.png new file mode 100644 index 00000000..6da4a949 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/PngItem_148881.png differ diff --git a/SinglePlayer - Games/DoremonRun/image/back.webp b/SinglePlayer - Games/DoremonRun/image/back.webp new file mode 100644 index 00000000..f732fdc2 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/back.webp differ diff --git a/SinglePlayer - Games/DoremonRun/image/chuaaa.mp3 b/SinglePlayer - Games/DoremonRun/image/chuaaa.mp3 new file mode 100644 index 00000000..bd678840 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/chuaaa.mp3 differ diff --git a/SinglePlayer - Games/DoremonRun/image/doracake.png b/SinglePlayer - Games/DoremonRun/image/doracake.png new file mode 100644 index 00000000..26df15e0 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/doracake.png differ diff --git a/SinglePlayer - Games/DoremonRun/image/doracake4.png b/SinglePlayer - Games/DoremonRun/image/doracake4.png new file mode 100644 index 00000000..febb6f19 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/doracake4.png differ diff --git a/SinglePlayer - Games/DoremonRun/image/food.mp3 b/SinglePlayer - Games/DoremonRun/image/food.mp3 new file mode 100644 index 00000000..076198c9 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/food.mp3 differ diff --git a/SinglePlayer - Games/DoremonRun/image/gameover.mp3 b/SinglePlayer - Games/DoremonRun/image/gameover.mp3 new file mode 100644 index 00000000..414bf651 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/gameover.mp3 differ diff --git a/SinglePlayer - Games/DoremonRun/image/grass_template2.jpg b/SinglePlayer - Games/DoremonRun/image/grass_template2.jpg new file mode 100644 index 00000000..3cb24b50 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/grass_template2.jpg differ diff --git a/SinglePlayer - Games/DoremonRun/image/move.mp3 b/SinglePlayer - Games/DoremonRun/image/move.mp3 new file mode 100644 index 00000000..4d3d245d Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/move.mp3 differ diff --git a/SinglePlayer - Games/DoremonRun/image/musicdoralarge.mp3 b/SinglePlayer - Games/DoremonRun/image/musicdoralarge.mp3 new file mode 100644 index 00000000..de88048e Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/musicdoralarge.mp3 differ diff --git a/SinglePlayer - Games/DoremonRun/image/smalldoral3.png b/SinglePlayer - Games/DoremonRun/image/smalldoral3.png new file mode 100644 index 00000000..807b19a4 Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/smalldoral3.png differ diff --git a/SinglePlayer - Games/DoremonRun/image/tasty.m4a b/SinglePlayer - Games/DoremonRun/image/tasty.m4a new file mode 100644 index 00000000..c78bd0be Binary files /dev/null and b/SinglePlayer - Games/DoremonRun/image/tasty.m4a differ diff --git a/SinglePlayer - Games/DoremonRun/index.html b/SinglePlayer - Games/DoremonRun/index.html new file mode 100644 index 00000000..712b565e --- /dev/null +++ b/SinglePlayer - Games/DoremonRun/index.html @@ -0,0 +1,21 @@ + + + + + + +
+
+
+
+ High Score: 0
+ Score: 0
+ Health: 5
+
+
+
+
diff --git a/SinglePlayer - Games/DoremonRun/script.js b/SinglePlayer - Games/DoremonRun/script.js
new file mode 100644
index 00000000..af5ce711
--- /dev/null
+++ b/SinglePlayer - Games/DoremonRun/script.js
@@ -0,0 +1,361 @@
+// initialisation
+let inputDir = { x: 0, y: 0 };
+const musicSound = new Audio('image/musicdoralarge.mp3');
+const movesound = new Audio('image/move.mp3');
+const foodsound = new Audio('image/food.mp3');
+const gameover = new Audio('image/gameover.mp3');
+const chuaa = new Audio('image/chuaaa.mp3');
+const tasty = new Audio('image/tasty.m4a');
+
+let score = 0;
+let speed = 4.9;
+let health = 5.0;
+let lastPaintTime = 0.0;
+let snakeArr = [{ x: 11, y: 11 }];
+food = { x: 11, y: 5 };
+
+mouse1 = { x: 13, y: 8 };//immovable mouse
+mouse2 = { x: 9, y: 7 };
+mouse3 = { x: 4, y: 4 };
+mouse4 = { x: 10, y: 14 };
+mouse5 = { x: 9, y: 13 };
+
+
+
+let topp = false;
+let down = false;
+let left = false;
+let right = false;
+
+let safter = 0;
+
+let aa = 1;
+let bb = 16;
+let a = 2;
+b = 17;
+
+
+
+
+
+//my functions
+function mousedead() {
+
+ //display mouse
+ mouseElement = document.createElement('div');
+ mouseElement.style.gridRowStart = mouse1.y;
+ mouseElement.style.gridColumnStart = mouse1.x;
+ mouseElement.classList.add('mouse');
+ board.appendChild(mouseElement);
+
+ //display mouse
+ mouseElement = document.createElement('div');
+ mouseElement.style.gridRowStart = mouse2.y;
+ mouseElement.style.gridColumnStart = mouse2.x;
+ mouseElement.classList.add('mouse');
+ board.appendChild(mouseElement);
+
+ //display mouse
+ mouseElement = document.createElement('div');
+ mouseElement.style.gridRowStart = mouse3.y;
+ mouseElement.style.gridColumnStart = mouse3.x;
+ mouseElement.classList.add('mouse');
+ board.appendChild(mouseElement);
+
+ //display mouse
+ mouseElement = document.createElement('div');
+ mouseElement.style.gridRowStart = mouse4.y;
+ mouseElement.style.gridColumnStart = mouse4.x;
+ mouseElement.classList.add('mouse');
+ board.appendChild(mouseElement);
+
+ //display mouse
+ mouseElement = document.createElement('div');
+ mouseElement.style.gridRowStart = mouse5.y;
+ mouseElement.style.gridColumnStart = mouse5.x;
+ mouseElement.classList.add('mouse');
+ board.appendChild(mouseElement);
+
+ if ((snakeArr[0].y === mouse1.y && snakeArr[0].x === mouse1.x) || (snakeArr[0].y === mouse2.y && snakeArr[0].x === mouse2.x) || (snakeArr[0].y === mouse3.y && snakeArr[0].x === mouse3.x) || snakeArr[0].y === mouse4.y && snakeArr[0].x === mouse4.x||(snakeArr[0].y === mouse5.y && snakeArr[0].x === mouse5.x)) {
+ health--;
+ chuaa.play();
+ // incerease speed
+ if(speed<8){
+ speed = speed+0.1
+ }
+ else if(speed >= 8 && speed < 10){
+ speed = speed + 0.09;
+ }
+ else if(speed >= 10 && speed < 11.6){
+ speed =speed + 0.068;
+ }
+ else if(speed >= 11.6){
+ speed = speed +0.032;
+ }
+ }
+
+}
+
+function healthplus(staken) {
+ if (staken != safter)
+ if (score % 8 === 0 && score != 0) {
+ health = health + 1;
+ }
+ else {
+ return;
+ }
+ safter = staken;
+}
+
+
+//functions
+
+// main function
+function main(ctime) {
+
+ window.requestAnimationFrame(main);
+
+ if ((ctime - lastPaintTime) / 1000 < 1 / speed) {
+ return;
+ }
+ lastPaintTime = ctime;
+ gameEngine();
+}
+
+//if you bump on mouse or over the boundry
+function isCollide(snake) {
+
+ if (snake[0].x >= 18 || snake[0].x <= 0 || snake[0].y >= 18 || snake[0].y <= 0) {
+ return true;
+ }
+ if (health == 0) {
+ return true;
+ }
+}
+
+// gameEngine function
+function gameEngine() {
+
+ // if collided
+ if (isCollide(snakeArr)) {
+ gameover.play();
+ musicSound.pause();
+ inputDir = { x: 0, y: 0 };
+ alert('Game Over. Press any key to play again');
+ snakeArr = [{ x: 4, y: 17 }];
+ musicSound.play();
+ score = 0;
+ scorebox.innerHTML = "Score: " + score;
+ health = 5;
+ healthbox.innerHTML = "Health: " + health;
+ speed = 4.5;
+ snakeElement.style.rotate = '360deg';
+ topp = false;
+ down = false;
+ left = false;
+ right = false;
+ healthbox.style.color = 'rgb(0, 255, 0)';
+ snakeElement.classList.remove('can');
+ }
+
+
+
+ // if dora has eaten doracake, increment score and regenerate food
+ if (snakeArr[0].y === food.y && snakeArr[0].x === food.x) {
+ foodsound.play();
+ tasty.play();
+
+ // score
+ score++;
+
+ // incerease speed
+ if(speed<8){
+ speed = speed+0.1
+ }
+ else if(speed >= 8 && speed < 10){
+ speed = speed + 0.09;
+ }
+ else if(speed >= 10 && speed < 11.6){
+ speed =speed + 0.068;
+ }
+ else if(speed >= 11.6){
+ speed = speed +0.032;
+ }
+
+ scorebox.innerHTML = "Score: " + score;
+ // hiscore
+ if (score > hiscore) {
+ hiscoreval = score;
+ localStorage.setItem("hiscore", JSON.stringify(hiscoreval));
+ hiscorebox.innerHTML = "Hi Score: " + hiscoreval;
+ }
+ //regenfood
+ food = { x: Math.round(a + (bb - aa) * Math.random()), y: Math.round(aa + (bb - aa) * Math.random()) };
+
+ mouse1 = { x: Math.round(a + (b - a) * Math.random()), y: Math.round(a + (b - a) * Math.random()) };
+
+ mouse2 = { x: Math.round(a + (b - a) * Math.random()), y: Math.round(a + (b - a) * Math.random()) };
+
+ mouse3 = { x: Math.round(a + (b - aa) * Math.random()), y: Math.round(a + (b - a) * Math.random()) };
+
+ mouse4 = { x: Math.round(a + (b - a) * Math.random()), y: Math.round(a + (b - a) * Math.random()) };
+
+ mouse5 = { x: Math.round(a + (b - a) * Math.random()), y: Math.round(a + (b - a) * Math.random()) };
+ //regenmouse
+
+ if (food.x === mouse4.x && food.y === mouse4.y) {
+ mouse4 = { x: (food.x + 2), y: 14 };
+ }
+
+ if (food.x === mouse3.x && food.y === mouse3.y) {
+ mouse3 = { x: Math.round(a + (b - a) * Math.random()), y: Math.round(a + (b - a) * Math.random()) };
+ }
+
+ if (food.x === mouse2.x && food.y === mouse2.y) {
+ mouse2 = { x: 10, y: (food.y+1) };
+ }
+
+ if (food.x === mouse1.x && food.y === mouse1.y) {
+ mouse1 = { x: Math.round(a + (b - a) * Math.random()), y: Math.round(a + (b - a) * Math.random()) };
+ }
+
+ if (food.x === mouse5.x && food.y === mouse5.y) {
+ mouse5 = { x: Math.round(a + (b - a) * Math.random()), y: Math.round(a + (b - a) * Math.random()) };
+ }
+
+ }
+
+ //missing for loop for body increment
+ snakeArr[0].x += inputDir.x;
+ snakeArr[0].y += inputDir.y;
+
+
+ // clean board except doraemon
+ const board = document.getElementById('board');
+ const children = Array.from(board.children);
+
+ const childrenToClear = children.filter(child => child.id !== 'dora' && child.id !== 'heartid');
+
+ childrenToClear.forEach(child => child.remove());
+
+
+ //display snake
+ snakeArr.forEach((e, index) => {
+ snakeElement = document.getElementById('dora');
+ // console.log(snakeElement)
+ snakeElement.style.gridRowStart = e.y;
+ snakeElement.style.gridColumnStart = e.x;
+ })
+
+
+ // display food
+ foodElement = document.createElement('div');
+ foodElement.style.gridRowStart = food.y;
+ foodElement.style.gridColumnStart = food.x;
+ foodElement.classList.add('food');
+ board.appendChild(foodElement);
+
+
+
+ //display mouse
+ mousedead();
+
+ // rotate ///////
+ if (topp === true) {
+ snakeElement.style.rotate = '270deg';
+ }
+ if (down === true) {
+ snakeElement.style.rotate = '90deg';
+ }
+ if (left === true) {
+ snakeElement.style.rotate = '180deg';
+ }
+ if (right) {
+ snakeElement.style.rotate = '360deg';
+ }
+
+
+ // Change healthtext color
+ if (health === 3) {
+ healthbox.style.color = 'rgb(255, 150, 0)'
+ }
+ if (health <= 2) {
+ healthbox.style.color = 'rgb(255, 0, 0)';
+ }
+
+
+ // increase health on eating per 8 doracakes
+ healthplus(score);
+ healthbox.innerHTML = "Health: " + health;
+
+
+ // increasing animation speed
+ if(speed>=5){
+ snakeElement.style.animation= 'walky 1s steps(6) infinite';
+ }
+ if(speed>=10){
+ snakeElement.style.animation= 'walky 0.9s steps(6) infinite';
+ }
+
+
+} //End of gameEngine()
+
+
+// main logic
+let hiscore = localStorage.getItem("hiscore");
+if (hiscore === null) {
+ hiscoreval = 0;
+ localStorage.setItem("hiscore", JSON.stringify(hiscoreval));
+}
+else {
+ hiscoreval = JSON.parse(hiscore);
+ hiscorebox.innerHTML = "Hi Score: " + hiscoreval;
+}
+
+setTimeout(() => {
+ alert("Controls:\nUp Aroow\nDown Arrow\nLeft Arrow\nRight Arrow");
+}, 500);
+window.requestAnimationFrame(main);
+window.addEventListener('keydown', e => {
+
+ topp = false;
+ down = false;
+ left = false;
+ right = false;
+ snakeElement.classList.add('can');
+ inputDir = { x: 0, y: 1 } //start the game
+ switch (e.key) {
+ case "ArrowUp":
+ console.log("up");
+ inputDir.x = 0;
+ inputDir.y = -1;
+ topp = true;
+ if(score>5){
+ mouse5 = { x: Math.round(a + (b - a) * Math.random()), y: Math.round(a + (b - a) * Math.random()) };
+ }
+ break;
+ case "ArrowDown":
+ console.log("down");
+ inputDir.x = 0;
+ inputDir.y = 1;
+ down = true;
+ if(score>15){
+ mouse3 = { x: Math.round(a + (b - a) * Math.random()), y: Math.round(a + (b - a) * Math.random()) };
+ }
+ break;
+ case "ArrowLeft":
+ console.log("left");
+ inputDir.x = -1;
+ inputDir.y = 0;
+ left = true;
+ break;
+ case "ArrowRight":
+ console.log("right");
+ inputDir.x = 1;
+ inputDir.y = 0;
+ right = true;
+ break;
+ }
+ musicSound.play();
+});
+
diff --git a/SinglePlayer - Games/DoremonRun/styles.css b/SinglePlayer - Games/DoremonRun/styles.css
new file mode 100644
index 00000000..0412a302
--- /dev/null
+++ b/SinglePlayer - Games/DoremonRun/styles.css
@@ -0,0 +1,117 @@
+@import url('https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap');
+
+* {
+ padding: 0;
+ margin: 0;
+}
+
+body {
+ background: url(image/back.webp);
+ /* background-color: rgba(20, 157, 163, 1); */
+ /* min-height: 100vw; */
+ /* background-repeat: no-repeat; */
+ display: flex;
+ background-size: 100vw 100vh;
+ justify-content: center;
+ align-items: center;
+}
+
+#board {
+ background: url(image/grass_template2.jpg);
+ /* background-color: rgba(0, 255, 55, 0.581); */
+ width: 130vmin;
+ /* width: 90vmin; */
+ height: 99vmin;
+ border: 2px solid black;
+ display: grid;
+ grid-template-rows: repeat(17, 1fr);
+ grid-template-columns: repeat(17, 1fr);
+}
+
+/* doarmon + animation */
+.man {
+ background: url(image/smalldoral3.png);
+ width: 40px;
+ margin: auto;
+ height: 50px;
+}
+
+
+.can {
+ animation: walky 1.2s steps(6) infinite;
+ /* forwards 5s linear infinite; */
+ transition: grid-row-start 1s ease-out, grid-column-start 1s ease-out;
+}
+
+@keyframes walky {
+ 0% {
+ background-position: 0px;
+ }
+
+ 100% {
+ background-position: 242px;
+ }
+}
+
+@keyframes forward {
+ 0% {
+ transform: translateX(-100px);
+ }
+
+ 100% {
+ transform: translateX(1500px);
+ }
+}
+
+
+/* over */
+
+
+.food {
+ background: url(image/doracake4.png);
+ background-repeat: no-repeat;
+}
+
+.mouse {
+ background: url(image/PngItem_148881.png);
+ background-repeat: no-repeat;
+}
+
+
+/* score */
+
+#hiscorebox {
+ position: absolute;
+ right: 90px;
+ top: 20px;
+ font-family: 'New Tegomin', serif;
+ background-color: rgba(3, 3, 3, 0.597);
+ border-radius: 5px;
+ padding: 3px 6px;
+ font-size: 20px;
+ color: white;
+}
+
+#scorebox {
+ position: absolute;
+ right: 130px;
+ top: 63px;
+ font-family: 'New Tegomin', serif;
+ background-color: rgba(3, 3, 3, 0.597);
+ border-radius: 5px;
+ padding: 3px 6px;
+ font-size: 20px;
+ color: white;
+}
+
+#healthbox {
+ position: absolute;
+ right: 118px;
+ top: 107px;
+ font-family: 'New Tegomin', serif;
+ background-color: rgba(3, 3, 3, 0.597);
+ border-radius: 5px;
+ padding: 3px 6px;
+ font-size: 20px;
+ color: rgb(26, 255, 0);
+}
diff --git a/SinglePlayer - Games/General Knowledge Quiz/bg.jpg b/SinglePlayer - Games/General Knowledge Quiz/bg.jpg
new file mode 100644
index 00000000..1684897a
Binary files /dev/null and b/SinglePlayer - Games/General Knowledge Quiz/bg.jpg differ
diff --git a/SinglePlayer - Games/General Knowledge Quiz/index.html b/SinglePlayer - Games/General Knowledge Quiz/index.html
new file mode 100644
index 00000000..574c120c
--- /dev/null
+++ b/SinglePlayer - Games/General Knowledge Quiz/index.html
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Awesome Quiz Application
+
+
+
+ Time Left
+ 15
+
+ What does HTML stand for?
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/SinglePlayer - Games/General Knowledge Quiz/js/questions.js b/SinglePlayer - Games/General Knowledge Quiz/js/questions.js
new file mode 100644
index 00000000..69e461cb
--- /dev/null
+++ b/SinglePlayer - Games/General Knowledge Quiz/js/questions.js
@@ -0,0 +1,59 @@
+//creating an array and passing the number, questions, and answers
+
+let questions = [
+ {
+ numb: 1,
+ question: "What does HTML stand for?",
+ answer: "Hyper Text Markup Language",
+ options: [
+ "Hyper Text Preprocessor",
+ "Hyper Text Markup Language",
+ "Hyper Text Multiple Language",
+ "Hyper Tool Multi Language"
+ ]
+ },
+ {
+ numb: 2,
+ question: "What does CSS stand for?",
+ answer: "Cascading Style Sheet",
+ options: [
+ "Commomn Style Sheet",
+ "Colorful Style Sheet",
+ "Computer Style Sheet",
+ "Cascading Style Sheet"
+ ]
+ },
+ {
+ numb: 3,
+ question: "What does PHP stand for?",
+ answer: "Hypertext Preprocessor",
+ options: [
+ "Hypertext Preprocessor",
+ "Hypertext Programming",
+ "Hypertext Preprogramming",
+ "Hometext Preprocessor"
+ ]
+ },
+ {
+ numb: 4,
+ question: "What does SQL stand for?",
+ answer: "Structured Query Language",
+ options: [
+ "Stylish Question Language",
+ "Stylesheet Query Language",
+ "Statement Question Language",
+ "Structured Query Language"
+ ]
+ },
+ {
+ numb: 5,
+ question: "What does XML stand for?",
+ answer: "eXtensible Markup Language",
+ options: [
+ "eXtensible Markup Language",
+ "eXecutable Multiple Language",
+ "eXtra Multi-Program Language",
+ "eXamine Multiple Language"
+ ]
+ },
+];
\ No newline at end of file
diff --git a/SinglePlayer - Games/General Knowledge Quiz/js/script.js b/SinglePlayer - Games/General Knowledge Quiz/js/script.js
new file mode 100644
index 00000000..3dc1a659
--- /dev/null
+++ b/SinglePlayer - Games/General Knowledge Quiz/js/script.js
@@ -0,0 +1,206 @@
+//getting all required elements
+const start_btn = document.querySelector(".start_btn button");
+const quiz_box = document.querySelector(".quiz_box");
+const timeCount = quiz_box.querySelector(".timer .time_sec");
+const timeLine = quiz_box.querySelector("header .time_line");
+const timeOff = quiz_box.querySelector("header .time_text");
+
+const option_list = document.querySelector(".option_list");
+
+
+
+//If Start Quiz button clicked
+start_btn.onclick = () => {
+ quiz_box.classList.add("activeQuiz"); //show the quiz now
+ showQuestions(0);
+ queCounter(1);
+ startTimer(15);
+ startTimerLine(0);
+}
+
+let que_count = 0;
+let que_numb = 1;
+let counter;
+let counterLine;
+let timeValue = 15;
+let widthValue = 0;
+let userScore = 0;
+
+
+const next_btn = quiz_box.querySelector(".next_btn");
+const result_box = document.querySelector(".result_box");
+const restart_quiz = result_box.querySelector(".buttons .restart");
+const quit_quiz = result_box.querySelector(".buttons .quit");
+
+restart_quiz.onclick = () => {
+ quiz_box.classList.add("activeQuiz"); //show the quiz now
+ result_box.classList.remove("activeResult");
+ let que_count = 0;
+ let que_numb = 1;
+ let timeValue = 15;
+ let widthValue = 0;
+ let userScore = 0;
+ showQuestions(que_count);
+ queCounter(que_numb);
+ clearInterval(counter);
+ startTimer(timeValue);
+ clearInterval(counterLine);
+ startTimerLine(widthValue);
+ next_btn.style.display = "none";
+ timeOff.textContent = "Time Left";
+}
+
+
+
+quit_quiz.onclick = () => {
+ window.location.reload();
+}
+
+//If Next button clicked
+next_btn.onclick = () => {
+ if(que_count < questions.length - 1){
+ que_count++;
+ que_numb++;
+ showQuestions(que_count);
+ queCounter(que_numb);
+ clearInterval(counter);
+ startTimer(timeValue);
+ clearInterval(counterLine);
+ startTimerLine(widthValue);
+ next_btn.style.display = "none";
+ timeOff.textContent = "Time Left";
+ }
+ else{
+ clearInterval(counter);
+ clearInterval(counterLine);
+ console.log("Questions completed");
+ showResultBox();
+ }
+}
+
+//getting questions and options from array
+function showQuestions(index) {
+ const que_text = document.querySelector(".que_text");
+ let que_tag = '' + questions[index].numb + ". " + questions[index].question + '';
+ let option_tag = '
+
+
+ You've completed the Quiz!
+
+
+
+
+ ' + questions[index].options[0] + '
'
+ + '' + questions[index].options[1] + '
'
+ + '' + questions[index].options[2] + '
'
+ + '' + questions[index].options[3] + '
';
+ que_text.innerHTML = que_tag;
+ option_list.innerHTML = option_tag;
+
+ const option = option_list.querySelectorAll(".option");
+ for (let i = 0; i < option.length; i++) {
+ option[i].setAttribute("onclick", "optionSelected(this)");
+ }
+}
+
+let tickIcon = '';
+let crossIcon = '
';
+
+
+function optionSelected(answer){
+ clearInterval(counter);
+ clearInterval(counterLine);
+ let userAns = answer.textContent;
+ let correctAns = questions[que_count].answer;
+ let allOptions = option_list.children.length;
+ if(userAns == correctAns){
+ userScore += 1;
+ console.log(userScore);
+ answer.classList.add("correct");
+ console.log("Answer is Correct");
+ answer.insertAdjacentHTML("beforeend", tickIcon);
+ }
+ else{
+ answer.classList.add("incorrect");
+ console.log("Answer is Wrong");
+ answer.insertAdjacentHTML("beforeend", crossIcon);
+
+
+ //if answers is incorrect then autometically selected the correct ans
+ for (let i = 0; i < allOptions; i++) {
+ if (option_list.children[i].textContent == correctAns){
+ option_list.children[i].setAttribute("class", "option correct");
+ option_list.children[i].insertAdjacentHTML("beforeend", tickIcon);
+
+ }
+ }
+ }
+
+ //once user selected disabled all options
+ for (let i = 0; i < allOptions; i++){
+ option_list.children[i].classList.add("disabled");
+ }
+ next_btn.style.display = "block";
+}
+
+function showResultBox(){
+ quiz_box.classList.remove("activeQuiz"); //hide the quiz now
+ result_box.classList.add("activeResult"); //show the result now
+ const scoreText = result_box.querySelector(".score_text");
+ if (userScore > 3){
+ let scoreTag = 'and congrats! You got
'+ userScore +'
out of'+ questions.length +'
'; + scoreText.innerHTML = scoreTag; + } + else if (userScore > 1){ + let scoreTag = 'and nice, You got'+ userScore +'
out of'+ questions.length +'
'; + scoreText.innerHTML = scoreTag; + } + else{ + let scoreTag = 'and sorry, You got only'+ userScore +'
out of'+ questions.length +'
'; + scoreText.innerHTML = scoreTag; + } +} + +function startTimer(time){ + counter = setInterval(timer, 1000); + function timer(){ + timeCount.textContent = time; + time--; + if(time < 9){ + let addZero =timeCount.textContent; + timeCount.textContent = "0" + addZero; + } + if(time < 0){ + clearInterval(counter); + timeCount.textContent = "00"; + timeOff.textContent = "Time Off"; + + let correctAns = questions[que_count].answer; + let allOptions = option_list.children.length; + + for (let i = 0; i < allOptions; i++) { + if (option_list.children[i].textContent == correctAns){ + option_list.children[i].setAttribute("class", "option correct"); + option_list.children[i].insertAdjacentHTML("beforeend", tickIcon); + + } + } + for (let i = 0; i < allOptions; i++){ + option_list.children[i].classList.add("disabled"); + } + next_btn.style.display = "block"; + } + } +} + +function startTimerLine(time){ + counterLine = setInterval(timer, 29); + function timer(){ + time += 1; + timeLine.style.width = time +"px"; + if(time > 549){ + clearInterval(counterLine); + } + } +} + + + + +function queCounter(index) { + const bottom_ques_counter = quiz_box.querySelector(".total_que"); + let totalQuesCountTag = ''+ index +'
of'+ questions.length +'
Questions'; + bottom_ques_counter.innerHTML = totalQuesCountTag; +} diff --git a/SinglePlayer - Games/General Knowledge Quiz/style.css b/SinglePlayer - Games/General Knowledge Quiz/style.css new file mode 100644 index 00000000..e1e7c6e8 --- /dev/null +++ b/SinglePlayer - Games/General Knowledge Quiz/style.css @@ -0,0 +1,305 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins',sans-serif; +} + +body{ + background-image: url(./bg.jpg); +} + +.start_btn, .quiz_box, .result_box{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), + 0px 6px 20px 0 rgba(0, 0, 0, 0.19); + transition: all 0.3s ease; +} + +.quiz_box.activeQuiz, +.result_box.activeResult{ + + z-index: 5; + opacity: 1; + pointer-events: auto; + transform: translate(-50%, -50%) scale(1); +} + +.start_btn button{ + font-size: 25px; + font-weight: 500; + color: #d6bf6a; + padding: 15px 30px; + outline: none; + border: none; + border-radius: 10px; + background: #fff; + cursor: pointer; +} + +.quiz_box{ + width: 550px; + background: #fff; + border-radius: 5px; + opacity: 0; + pointer-events: none; + transform: translate(-50%, -50%) scale(0.9); +} + +.quiz_box header{ + position: relative; + z-index: 99; + height: 70px; + padding: 0 30px; + background: #fff; + display: flex; + align-items: center; + justify-content: space-between; + border-radius: 5px 5px 0 0; + box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1); +} + +.quiz_box header .title{ + font-size: 20px; + font-weight: 600; +} + +.quiz_box header .timer{ + display: flex; + align-items: center; + justify-content: space-between; + width: 145px; + height: 45px; + background: #decc8c; + border: 1px solid #ffe893; + border-radius: 5px; + padding: 0 8px; +} + +.quiz_box header .timer .time_text{ + font-weight: 400; + font-size: 17px; + user-select: none; +} + +.quiz_box header .timer .time_sec{ + font-size: 18px; + font-weight: 500; + background: #343a40; + height: 30px; + width: 45px; + color: #fff; + text-align: center; + line-height: 30px; + border-radius: 5px; + border: 1px solid #343a40; + user-select: none; +} + +.quiz_box header .time_line{ + position: absolute; + bottom: 0px; + height: 3px; + left: 0px; + background: #d6bf6a; +} + +.quiz_box section{ + padding: 25px 30px 20px 30px; + background: #fff; +} + +.quiz_box section .que_text{ + font-size: 25px; + font-weight: 600; +} + +.quiz_box section .option_list{ + padding: 20px 0; + display: block; +} + +section .option_list .option{ + background: #f8f6f0; + border: 1px solid #c2ad5f; + border-radius: 5px; + padding: 8px 15px; + margin-bottom: 15px; + font-size: 17px; + display: flex; + align-items: center; + justify-content: space-between; + cursor: pointer; + transition: all 0.3s ease; +} + +section .option_list .option:hover{ + color: #fff; + background: #dccd97; + border-color: #cbb97a; +} + +.option_list .option:last-child{ + margin-bottom: 0px; +} + +.option_list .option .icon{ + height: 26px; + width: 26px; + border: 2px solid transparent; + border-radius: 50%; + text-align: center; + font-size: 13px; + line-height: 24px; + pointer-events: none; +} + +.option_list .option .icon.tick{ + color: #23903c; + border-color: #23903c; + background: #d4edda; +} + +.option_list .option .icon.cross{ + color: #a42834; + border-color: #a42834; + background: #f8d7da; +} + +.option_list .option.correct{ + color: #155724; + border-color: #c3e6cb; + background: #d4edda; +} + +.option_list .option.incorrect{ + color: #721c24; + border-color: #f5c6cb; + background: #f8d7da; +} + +.option_list .option.disabled{ + pointer-events: none; +} + +.quiz_box footer{ + height: 60px; + width: 100%; + padding: 0 30px; + display: flex; + align-items: center; + justify-content: space-between; +} + +.quiz_box footer .total_que span{ + display: flex; + user-select: none; +} + +footer .total_que span p{ + font-weight: 500; + padding: 0 5px; +} + +.total_que span p:first-child{ + padding-left: 0px; +} + +footer .next_btn{ + display: none; + height: 40px; + padding: 0 13px; + font-size: 18px; + font-weight: 400; + border: none; + outline: none; + color: #fff; + background: #d6bf6a; + border-radius: 5px; + border: 1px solid #d6bf6a; + cursor: pointer; + transition: all 0.3s ease; +} + +footer .next_btn:hover{ + background: #bfa64c; +} + +.result_box{ + background: #fff; + width: 450px; + padding: 25px 30px; + border-radius: 5px; + display: flex; + text-align: center; + align-items: center; + flex-direction: column; + justify-content: space-between; + opacity: 0; + pointer-events: none; + transform: translate(-50%, -50%) scale(0.9); +} + +.result_box .icon{ + font-size: 100px; + color: #d6bf6a; + margin-bottom: 10px; +} + +.result_box .complete_text{ + font-size: 20px; + font-weight: 500; +} + +.result_box .score_text span{ + display: flex; + margin: 10px 0; + font-size: 18px; + font-weight: 500; +} + +.score_text span p{ + font-weight: 600; + padding: 0 4px; +} + +.result_box .buttons{ + display: flex; + margin: 20px 0; +} + +.result_box .buttons button{ + margin: 0 10px; + height: 40px; + padding: 0 20px; + border: none; + outline: none; + font-size: 18px; + font-weight: 500; + border-radius: 5px; + border: 1px solid #d6bf6a; + cursor: pointer; + transition: all 0.3s ease; +} + +.buttons button.restart{ + color: #fff; + background: #d6bf6a; +} + +.buttons button.restart:hover{ + background: #bfa64c; +} + +.buttons button.quit{ + color: #d6bf6a; +} + +.buttons button.quit:hover{ + color: #fff; + background: #d6bf6a; +} \ No newline at end of file diff --git a/SinglePlayer - Games/Guess The Sequence/index.html b/SinglePlayer - Games/Guess The Sequence/index.html new file mode 100644 index 00000000..19364e2e --- /dev/null +++ b/SinglePlayer - Games/Guess The Sequence/index.html @@ -0,0 +1,52 @@ + + + + + +Guess the sequence
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/SinglePlayer - Games/Guess The Sequence/script.js b/SinglePlayer - Games/Guess The Sequence/script.js
new file mode 100644
index 00000000..ad74d75f
--- /dev/null
+++ b/SinglePlayer - Games/Guess The Sequence/script.js
@@ -0,0 +1,218 @@
+const colors = ['#F44336','#4CAF50','#03A9F4','#FFEB3B',"#673AB7","#795548","#FF5722","#212121"]
+let sequence = []
+let numberOfColors=0
+let sequenceSize =0
+let maxAttemps=0
+let currentAttemp = 0
+let currentGuess = []
+let currentGuessDots=[]
+let currentGuessIndex=0
+
+let confettiInterval
+
+function GenerateSequence()
+{
+ for(let i = 0;i
+
+Congratulations, you won!
+ +
+
+
+
+
+ Hand Cricket Champ
++ 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. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/SinglePlayer - Games/Hand_Cricket_Champ/script.js b/SinglePlayer - Games/Hand_Cricket_Champ/script.js
new file mode 100644
index 00000000..b1ede0f9
--- /dev/null
+++ b/SinglePlayer - Games/Hand_Cricket_Champ/script.js
@@ -0,0 +1,454 @@
+const run_1 = document.getElementById("run_1");
+const run_2 = document.getElementById("run_2");
+const run_3 = document.getElementById("run_3");
+const run_4 = document.getElementById("run_4");
+const run_5 = document.getElementById("run_5");
+const run_6 = document.getElementById("run_6");
+
+document.getElementById("Instructions").style.display = "none";
+document.getElementById("toss").style.display = "none";
+document.getElementById("toss-res").style.display = "none";
+document.getElementById("game").style.display = "none";
+document.getElementById("results").style.display = "none";
+
+
+var comp_toss_win_choice = -1;
+
+function tossStart() {
+ document.getElementById("landing").style.display = "none";
+ document.getElementById("toss").style.display = "flex";
+}
+
+function flipCoin(userChoice) {
+ var randomValue = Math.random();
+ const coin = document.getElementById('coin');
+ if (randomValue >= 0.5) {
+ coin.style.transform = 'rotateX(720deg)';
+ document.getElementById("res").innerHTML = "H";
+ } else {
+ coin.style.transform = 'rotateX(-720deg)';
+ document.getElementById("res").innerHTML = "T";
+ }
+
+ setTimeout(() => {
+ if ((userChoice === 'Heads' && randomValue >= 0.5) || (userChoice === 'Tails' && randomValue < 0.5)) {
+ setTimeout(() => {
+ document.getElementById("toss").style.display = "none";
+ document.getElementById("toss-res").style.display = "flex";
+ }, 1500);
+ } else {
+ document.getElementById("toss-res-text").innerHTML = " You played Well!
`).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/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
+
+
+
+ Rock paper scissors
+
+
+
+
+
+
+
Your score : ${this.round}`; } @@ -126,7 +127,7 @@ class Simon { this.buttons.forEach(element =>{ element.classList.add('winner'); }); - this.updateRound('you win ๐'); + round.innerHTML=`You Win ๐
Your score : ${this.round}`; } } diff --git a/SinglePlayer - Games/simon-says/styles.css b/SinglePlayer - Games/simon-says/styles.css index 9e35834f..6a8bb6f9 100644 --- a/SinglePlayer - Games/simon-says/styles.css +++ b/SinglePlayer - Games/simon-says/styles.css @@ -15,6 +15,12 @@ margin-top: 50px; padding: 10px; border-radius: 5px; + width:500px; +} + +#round{ + position:relative; + left:100px; } .buttonContainer { @@ -22,6 +28,7 @@ grid-gap: 10px; grid-template-columns: auto auto; transform: rotate(45deg); + margin-left:25%; } .square { diff --git a/SinglePlayer - Games/word_guessing_game/index.html b/SinglePlayer - Games/word_guessing_game/index.html new file mode 100644 index 00000000..f5cd18f0 --- /dev/null +++ b/SinglePlayer - Games/word_guessing_game/index.html @@ -0,0 +1,24 @@ + + + + + +Word Guessing Game
+
+
+
+
+ contact
@@ -77,30 +77,49 @@
+
+
+
+
+
+ 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.
+
+ 5. Winner:
+ The player with the highest total score wins.
+
+
+
+
+
+
+
+
+ H
+
+
+
+ Congratulations!
+You Won the Toss
+
+
+ What would you like to do?
+ + +
+
+
+
+
+
+ Player
+0
+ + +Computer
+0
+ +
+
+ 
+
+
+ Let's
Start + + +
+
+
+
+
+
+
+ Let's Start + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Congratulations!
+You Won!!
+
+
+
+ Oh!
You Lost the Toss
"; + + comp_toss_win_choice = Math.random(); + if (comp_toss_win_choice >= 0.5) { + document.getElementById("toss-choice-cont").innerHTML = "Computer Has decided to Bat First
"; + } else { + document.getElementById("toss-choice-cont").innerHTML = "Computer Has decided to Bowl First
"; + } + + setTimeout(() => { + document.getElementById("toss").style.display = "none"; + document.getElementById("toss-res").style.display = "flex"; + + setTimeout(() => { + gameStart(); + }, 1000); + + }, 1500); + } + }, 500); +} + +var scoreC = 0; // Score of comp +var scoreP = 0; // Score of Player +var flag = 1; // Indicator of Batsmen + +// Game +var sC = 0, SP = 0; +// Deciding Who Bats First + +function gameStart(UserInput = comp_toss_win_choice) { + if (UserInput === 2 || UserInput < 0.5) { // Player Bats first + bat_first(); + } + else if (UserInput === 3 || UserInput > 0.5) { // Player Bowls first + bowl_first(); + } + + document.getElementById("toss-res").style.display = "none"; + document.getElementById("game").style.display = "flex"; +} + +function showResult(){ + if (scoreC > scoreP) { + document.getElementById("out-title").innerHTML = "Nice Try
But You Lost!
"; + document.getElementById("game").style.display = "none"; + document.getElementById("results").style.display = "flex"; + } + else if (scoreC === scoreP) { + document.getElementById("out-title").innerHTML = " You played Well! Game's Draw
";
+ document.getElementById("game").style.display = "none";
+ document.getElementById("results").style.display = "flex";
+ }
+ else if (scoreC < scoreP) {
+ document.getElementById("game").style.display = "none";
+ document.getElementById("results").style.display = "flex";
+ }
+}
+
+// Player Bats First...
+function bat_first() {
+ run_1.addEventListener('click', function () {
+ if (flag === 1) plyBatFirst(1);
+ else if (flag === 2) plyBowlSecond(1);
+ else if(flag === 3) showResult();
+ })
+ run_2.addEventListener('click', function () {
+ if (flag === 1) plyBatFirst(2);
+ else if (flag === 2) plyBowlSecond(2);
+ else if(flag === 3) showResult();
+ })
+ run_3.addEventListener('click', function () {
+ if (flag === 1) plyBatFirst(3);
+ else if (flag === 2) plyBowlSecond(3);
+ else if(flag === 3) showResult();
+ })
+ run_4.addEventListener('click', function () {
+ if (flag === 1) plyBatFirst(4);
+ else if (flag === 2) plyBowlSecond(4);
+ else if(flag === 3) showResult();
+ })
+ run_5.addEventListener('click', function () {
+ if (flag === 1) plyBatFirst(5);
+ else if (flag === 2) plyBowlSecond(5);
+ else if(flag === 3) showResult();
+ })
+ run_6.addEventListener('click', function () {
+ if (flag === 1) plyBatFirst(6);
+ else if (flag === 2) plyBowlSecond(6);
+ else if(flag === 3) showResult();
+ })
+}
+
+function plyBatFirst(plyChoice) {
+ const randomChoice = Math.round(Math.random() * 5 + 1);
+ // image generation
+ switch (randomChoice) {
+ case 1:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '
';
+ 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 = '';
+ 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-C").innerHTML = scoreC;
+ sC = scoreC;
+ flag = 3;
+ }
+ else {
+ document.getElementsByClassName("status")[0].innerHTML = randomChoice;
+ scoreC += randomChoice;
+ document.getElementById("Scr-C").innerHTML = scoreC + '*';
+ if(scoreC > scoreP) flag = 3;
+ }
+}
+
+
+// Player Bowls First...
+function bowl_first() {
+ run_1.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(1);
+ else if (flag === 2) plyBatSecond(1);
+ else if(flag === 3) showResult();
+ })
+ run_2.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(2);
+ else if (flag === 2) plyBatSecond(2);
+ else if(flag === 3) showResult();
+ })
+ run_3.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(3);
+ else if (flag === 2) plyBatSecond(3);
+ else if(flag === 3) showResult();
+ })
+ run_4.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(4);
+ else if (flag === 2) plyBatSecond(4);
+ else if(flag === 3) showResult();
+ })
+ run_5.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(5);
+ else if (flag === 2) plyBatSecond(5);
+ else if(flag === 3) showResult();
+ })
+ run_6.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(6);
+ else if (flag === 2) plyBatSecond(6);
+ else if(flag === 3) showResult();
+ })
+}
+
+function plyBowlFirst(plyChoice) {
+ const randomChoice = Math.round(Math.random() * 5 + 1);
+ // image generation
+ switch (randomChoice) {
+ case 1:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '';
+ 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-C").innerHTML = scoreC;
+ sC = scoreC;
+ flag = 2;
+ }
+
+ else {
+ document.getElementsByClassName("status")[0].innerHTML = randomChoice;
+ scoreC += randomChoice;
+ document.getElementById("Scr-C").innerHTML = scoreC + '*';
+ }
+}
+
+function plyBatSecond(plyChoice) {
+ const randomChoice = Math.round(Math.random() * 5 + 1);
+ // image generation
+ switch (randomChoice) {
+ case 1:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '';
+ 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 = 3;
+ }
+ else {
+ document.getElementsByClassName("status")[0].innerHTML = plyChoice;
+ scoreP += plyChoice;
+ document.getElementById("Scr-P").innerHTML = scoreP + '*';
+ if (scoreP > scoreC) {
+ flag = 3;
+ }
+ }
+}
+
+
+// Add event listener to the Play Again button
+const playAgainBtn = document.querySelector('#playAgain .btn');
+playAgainBtn.addEventListener('click', playAgain);
+
+// Function to reset the game and show the landing page
+function playAgain() {
+ // Reset game variables to initial values
+ location.reload();
+}
diff --git a/SinglePlayer - Games/Hand_Cricket_Champ/style.css b/SinglePlayer - Games/Hand_Cricket_Champ/style.css
new file mode 100644
index 00000000..4c00baad
--- /dev/null
+++ b/SinglePlayer - Games/Hand_Cricket_Champ/style.css
@@ -0,0 +1,426 @@
+/* landing Page */
+
+
+@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');
+
+*{
+margin: 0;
+padding: 0;
+
+font-family: 'dosis';
+font-weight: 700;
+}
+
+@media screen and (max-width: 750px){
+ /*Instructions*/
+ #Instructions .inst-container{
+ height: 80%;
+
+ background-color: white;
+
+ border-radius: 70px;
+
+ max-width: 800px;
+ margin: 0px 0px;
+ padding: 0px;
+ line-height: 23px !important;
+ }
+
+ #Instructions .inst-container .heading {
+ font-size: 15px;
+ font-weight: bold;
+ margin-bottom: 0px;
+ }
+ #Instructions .inst-container .sub-heading {
+ font-size: 12px;
+ font-weight: bold;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ }
+ #Instructions .inst-container .instruction {
+ margin-left: 0px;
+ font-size: 10px;
+ }
+
+ /* Toss */
+ #toss .coin-container #buttons{
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+
+ align-items: center;
+ }
+
+ /* Game */
+ #game .game-cont .score-cont{
+ width: 90%;
+ padding: 0px 5px;
+ }
+
+ #game .game-cont .score-cont .score{
+ width: 125px;
+ height: 60%;
+
+ font-size: 12px;
+
+ }
+
+
+ /* game{
+ height: 100vh;
+ width: 100vw;
+ background-color: rgba(14, 9, 41, 0.899);
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ } */
+
+ /* .game-cont{
+ height: 80%;
+ width: 80%;
+
+ border: 0px;
+ border-radius: 50px;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ background-color: white;
+ } */
+
+ #game .game-cont .graphic-cont{
+ justify-content: space-evenly;
+ }
+
+ #game .game-cont .status{
+ height: 100%;
+ width: 15%;
+ font-weight: 800;
+ font-size: 32px;
+
+ text-align: center;
+ }
+
+ #game .game-cont .image img{
+ width: 90%;
+ }
+
+ #game .choice-cont{
+ width: 90%;
+
+ border: 0px;
+ border-radius: 40px;
+
+ background-color: rgba(14, 9, 41, 0.899);
+ }
+
+ #game .choice-cont .choice{
+ height: 35px;
+ width: 35px;
+
+ font-size: 30px;
+ font-weight: 800;
+ }
+
+}
+
+/* Landing Page */
+
+#landing{
+height: 100vh;
+width: 100vw;
+
+display: flex;
+justify-content: center;
+align-items: center;
+
+background-color: rgba(14, 9, 41, 0.899);
+}
+
+#landing .cont{
+border: 0px;
+border-radius: 70px;
+width: 60%;
+height: 80%;
+
+display: flex;
+flex-direction: column;
+align-items: center;
+justify-content: center;
+
+gap: 40px;
+padding: 40px;
+text-align: center;
+
+background-color: white;
+}
+
+.cont .title{
+display: flex;
+flex-direction: column;
+gap: 40px;
+}
+
+/* Button design */
+
+.btn{
+width: 150px;
+height: 50px;
+
+border: 0px;
+border-radius: 50px;
+margin: 0 10px 10px 10px;
+
+background-color: rgba(14, 9, 41, 0.899);
+color: rgb(255, 255, 255);
+font-size: large;
+
+transition: all 0.3s ease;
+}
+
+.btn:hover{
+width: 160px;
+height: 60px;
+
+background-color: rgba(29, 22, 69, 0.723);
+font-size: 24px;
+}
+
+.btn a{
+text-decoration: none;
+color: white;
+font-weight: bolder;
+color: white;
+
+}
+
+/* Instructions */
+
+#Instructions{
+ height: 100vh;
+ width: 100vw;
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ background-color: rgba(14, 9, 41, 0.899);
+}
+
+#Instructions .inst-container{
+ height: 80%;
+
+ background-color: white;
+
+ border-radius: 70px;
+
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 20px;
+ line-height: 28px;
+}
+
+.heading {
+ font-size: 24px;
+ font-weight: bold;
+ margin-bottom: 10px;
+}
+.sub-heading {
+ font-size: 18px;
+ font-weight: bold;
+ margin-top: 10px;
+ margin-bottom: 5px;
+}
+.instruction {
+ margin-left: 20px;
+}
+
+/* Toss */
+
+toss{
+display: flex;
+justify-content: center;
+align-items: center;
+height: 100vh;
+width: 100vw;
+background-color: rgba(14, 9, 41, 0.899);
+}
+
+.coin-container {
+position: relative;
+
+background-color: white;
+border: 0px;
+border-radius: 70px;
+width: 60%;
+height: 80%;
+
+display: flex;
+flex-direction: column;
+gap: 20px;
+justify-content: center;
+align-items: center;
+}
+
+.coin {
+width: 100px;
+height: 100px;
+background-color: #ffd700; /* gold color */
+border-radius: 50%;
+box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+transform-style: preserve-3d;
+transition: transform 0.5s ease-in-out;
+
+display: flex;
+justify-content: center;
+align-items: center;
+color: aliceblue;
+}
+
+#res{
+font-size: 48px;
+}
+
+#toss-res{
+ height: 100vh;
+ width: 100vw;
+
+ background-color: rgba(14, 9, 41, 0.899);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.toss-res-cont{
+ height: 80%;
+ width: 60%;
+ border: 0px;
+ border-radius: 70px;
+
+ align-content: center;
+ text-align: center;
+ line-height:60px;
+ background-color: white;
+}
+
+/* Game */
+
+game{
+ height: 100vh;
+ width: 100vw;
+ background-color: rgba(14, 9, 41, 0.899);
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.game-cont{
+ height: 80%;
+ width: 80%;
+
+ border: 0px;
+ border-radius: 50px;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ background-color: white;
+}
+
+.game-cont .score-cont{
+ height: 20%;
+ width: 80%;
+
+ border: 0px;
+ border-radius: 50px;
+
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+
+ background-color: rgba(14, 9, 41, 0.899);
+}
+
+.score-cont .score{
+ height: 60%;
+ width: 150px;
+ background-color: aquamarine;
+
+ border-radius: 20px;
+
+ text-align: center;
+}
+
+.graphic-cont{
+ height: 50%;
+ width: 100%;
+
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+}
+
+.status{
+ height: 100%;
+ width: 20%;
+ font-weight: 900;
+ font-size: 48px;
+
+ text-align: center;
+}
+
+.image img{
+ width: 100%;
+}
+
+.choice-cont{
+ height: 20%;
+ width: 80%;
+
+ border: 0px;
+ border-radius: 50px;
+
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+
+ background-color: rgba(14, 9, 41, 0.899);
+}
+
+.choice{
+ height: 50px;
+ width: 50px;
+
+ border: 0px;
+ border-radius: 50%;
+
+ background-color: white;
+
+ text-align: center;
+ color: red;
+ font-size: 38px;
+ font-weight: 900;
+}
+
+
+/* Results */
+
+.out-cont{
+ width: 100vw;
+ height: 100vh;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+
+ gap: 20px;
+}
+
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/README.md b/SinglePlayer - Games/Hangman Game play/Hangman Game/README.md
new file mode 100644
index 00000000..f1db34b5
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/README.md
@@ -0,0 +1,18 @@
+# guess-the-number-game
+In this Hangman Game will guess the answer of given riddle in order to choose correct option and this game 6 chances to guess the letter
+## Instructions
+### Game Objective:
+
+- The computer will provide riddle and give 6 chance to guess the letter that present in answer.
+- Your goal is to guess this answer letter within 6 attempts.
+### How to Play:
+
+- The game will prompt you to enter your guess.
+- After each guess, if letter correct then it will show on the frontend page and if it is not correct then the image will added with hangman image .
+### Game Rules:
+
+- You have 6 attempts to guess the correct letter.
+- The game will provide feedback after each letter to guide you towards the correct answer.
+- If you guess the number within 6 attempts, you win. Otherwise, you lose the game.
+### Screenshots:
+ 
\ 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 @@
+
+
+
+
+
+ Hangman Game using JavaScript by Damini Chachane
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ Hangman Game
+
+
+
+ Hint:
+ Incorrect guesses:
+
+
+
+
+
+
+
\ 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/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**
+
+---
+
+Game's Draw
"; + document.getElementById("game").style.display = "none"; + document.getElementById("results").style.display = "flex"; + } + else if (scoreC < scoreP) { + document.getElementById("game").style.display = "none"; + document.getElementById("results").style.display = "flex"; + } +} + +// Player Bats First... +function bat_first() { + run_1.addEventListener('click', function () { + if (flag === 1) plyBatFirst(1); + else if (flag === 2) plyBowlSecond(1); + else if(flag === 3) showResult(); + }) + run_2.addEventListener('click', function () { + if (flag === 1) plyBatFirst(2); + else if (flag === 2) plyBowlSecond(2); + else if(flag === 3) showResult(); + }) + run_3.addEventListener('click', function () { + if (flag === 1) plyBatFirst(3); + else if (flag === 2) plyBowlSecond(3); + else if(flag === 3) showResult(); + }) + run_4.addEventListener('click', function () { + if (flag === 1) plyBatFirst(4); + else if (flag === 2) plyBowlSecond(4); + else if(flag === 3) showResult(); + }) + run_5.addEventListener('click', function () { + if (flag === 1) plyBatFirst(5); + else if (flag === 2) plyBowlSecond(5); + else if(flag === 3) showResult(); + }) + run_6.addEventListener('click', function () { + if (flag === 1) plyBatFirst(6); + else if (flag === 2) plyBowlSecond(6); + else if(flag === 3) showResult(); + }) +} + +function plyBatFirst(plyChoice) { + const randomChoice = Math.round(Math.random() * 5 + 1); + // image generation + switch (randomChoice) { + case 1: + document.getElementsByClassName("comp-i")[0].innerHTML = '';
+ 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 = '';
+ 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-C").innerHTML = scoreC;
+ sC = scoreC;
+ flag = 3;
+ }
+ else {
+ document.getElementsByClassName("status")[0].innerHTML = randomChoice;
+ scoreC += randomChoice;
+ document.getElementById("Scr-C").innerHTML = scoreC + '*';
+ if(scoreC > scoreP) flag = 3;
+ }
+}
+
+
+// Player Bowls First...
+function bowl_first() {
+ run_1.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(1);
+ else if (flag === 2) plyBatSecond(1);
+ else if(flag === 3) showResult();
+ })
+ run_2.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(2);
+ else if (flag === 2) plyBatSecond(2);
+ else if(flag === 3) showResult();
+ })
+ run_3.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(3);
+ else if (flag === 2) plyBatSecond(3);
+ else if(flag === 3) showResult();
+ })
+ run_4.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(4);
+ else if (flag === 2) plyBatSecond(4);
+ else if(flag === 3) showResult();
+ })
+ run_5.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(5);
+ else if (flag === 2) plyBatSecond(5);
+ else if(flag === 3) showResult();
+ })
+ run_6.addEventListener('click', function () {
+ if (flag === 1) plyBowlFirst(6);
+ else if (flag === 2) plyBatSecond(6);
+ else if(flag === 3) showResult();
+ })
+}
+
+function plyBowlFirst(plyChoice) {
+ const randomChoice = Math.round(Math.random() * 5 + 1);
+ // image generation
+ switch (randomChoice) {
+ case 1:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '';
+ 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-C").innerHTML = scoreC;
+ sC = scoreC;
+ flag = 2;
+ }
+
+ else {
+ document.getElementsByClassName("status")[0].innerHTML = randomChoice;
+ scoreC += randomChoice;
+ document.getElementById("Scr-C").innerHTML = scoreC + '*';
+ }
+}
+
+function plyBatSecond(plyChoice) {
+ const randomChoice = Math.round(Math.random() * 5 + 1);
+ // image generation
+ switch (randomChoice) {
+ case 1:
+ document.getElementsByClassName("comp-i")[0].innerHTML = '';
+ 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 = 3;
+ }
+ else {
+ document.getElementsByClassName("status")[0].innerHTML = plyChoice;
+ scoreP += plyChoice;
+ document.getElementById("Scr-P").innerHTML = scoreP + '*';
+ if (scoreP > scoreC) {
+ flag = 3;
+ }
+ }
+}
+
+
+// Add event listener to the Play Again button
+const playAgainBtn = document.querySelector('#playAgain .btn');
+playAgainBtn.addEventListener('click', playAgain);
+
+// Function to reset the game and show the landing page
+function playAgain() {
+ // Reset game variables to initial values
+ location.reload();
+}
diff --git a/SinglePlayer - Games/Hand_Cricket_Champ/style.css b/SinglePlayer - Games/Hand_Cricket_Champ/style.css
new file mode 100644
index 00000000..4c00baad
--- /dev/null
+++ b/SinglePlayer - Games/Hand_Cricket_Champ/style.css
@@ -0,0 +1,426 @@
+/* landing Page */
+
+
+@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');
+
+*{
+margin: 0;
+padding: 0;
+
+font-family: 'dosis';
+font-weight: 700;
+}
+
+@media screen and (max-width: 750px){
+ /*Instructions*/
+ #Instructions .inst-container{
+ height: 80%;
+
+ background-color: white;
+
+ border-radius: 70px;
+
+ max-width: 800px;
+ margin: 0px 0px;
+ padding: 0px;
+ line-height: 23px !important;
+ }
+
+ #Instructions .inst-container .heading {
+ font-size: 15px;
+ font-weight: bold;
+ margin-bottom: 0px;
+ }
+ #Instructions .inst-container .sub-heading {
+ font-size: 12px;
+ font-weight: bold;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ }
+ #Instructions .inst-container .instruction {
+ margin-left: 0px;
+ font-size: 10px;
+ }
+
+ /* Toss */
+ #toss .coin-container #buttons{
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+
+ align-items: center;
+ }
+
+ /* Game */
+ #game .game-cont .score-cont{
+ width: 90%;
+ padding: 0px 5px;
+ }
+
+ #game .game-cont .score-cont .score{
+ width: 125px;
+ height: 60%;
+
+ font-size: 12px;
+
+ }
+
+
+ /* game{
+ height: 100vh;
+ width: 100vw;
+ background-color: rgba(14, 9, 41, 0.899);
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ } */
+
+ /* .game-cont{
+ height: 80%;
+ width: 80%;
+
+ border: 0px;
+ border-radius: 50px;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ background-color: white;
+ } */
+
+ #game .game-cont .graphic-cont{
+ justify-content: space-evenly;
+ }
+
+ #game .game-cont .status{
+ height: 100%;
+ width: 15%;
+ font-weight: 800;
+ font-size: 32px;
+
+ text-align: center;
+ }
+
+ #game .game-cont .image img{
+ width: 90%;
+ }
+
+ #game .choice-cont{
+ width: 90%;
+
+ border: 0px;
+ border-radius: 40px;
+
+ background-color: rgba(14, 9, 41, 0.899);
+ }
+
+ #game .choice-cont .choice{
+ height: 35px;
+ width: 35px;
+
+ font-size: 30px;
+ font-weight: 800;
+ }
+
+}
+
+/* Landing Page */
+
+#landing{
+height: 100vh;
+width: 100vw;
+
+display: flex;
+justify-content: center;
+align-items: center;
+
+background-color: rgba(14, 9, 41, 0.899);
+}
+
+#landing .cont{
+border: 0px;
+border-radius: 70px;
+width: 60%;
+height: 80%;
+
+display: flex;
+flex-direction: column;
+align-items: center;
+justify-content: center;
+
+gap: 40px;
+padding: 40px;
+text-align: center;
+
+background-color: white;
+}
+
+.cont .title{
+display: flex;
+flex-direction: column;
+gap: 40px;
+}
+
+/* Button design */
+
+.btn{
+width: 150px;
+height: 50px;
+
+border: 0px;
+border-radius: 50px;
+margin: 0 10px 10px 10px;
+
+background-color: rgba(14, 9, 41, 0.899);
+color: rgb(255, 255, 255);
+font-size: large;
+
+transition: all 0.3s ease;
+}
+
+.btn:hover{
+width: 160px;
+height: 60px;
+
+background-color: rgba(29, 22, 69, 0.723);
+font-size: 24px;
+}
+
+.btn a{
+text-decoration: none;
+color: white;
+font-weight: bolder;
+color: white;
+
+}
+
+/* Instructions */
+
+#Instructions{
+ height: 100vh;
+ width: 100vw;
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ background-color: rgba(14, 9, 41, 0.899);
+}
+
+#Instructions .inst-container{
+ height: 80%;
+
+ background-color: white;
+
+ border-radius: 70px;
+
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 20px;
+ line-height: 28px;
+}
+
+.heading {
+ font-size: 24px;
+ font-weight: bold;
+ margin-bottom: 10px;
+}
+.sub-heading {
+ font-size: 18px;
+ font-weight: bold;
+ margin-top: 10px;
+ margin-bottom: 5px;
+}
+.instruction {
+ margin-left: 20px;
+}
+
+/* Toss */
+
+toss{
+display: flex;
+justify-content: center;
+align-items: center;
+height: 100vh;
+width: 100vw;
+background-color: rgba(14, 9, 41, 0.899);
+}
+
+.coin-container {
+position: relative;
+
+background-color: white;
+border: 0px;
+border-radius: 70px;
+width: 60%;
+height: 80%;
+
+display: flex;
+flex-direction: column;
+gap: 20px;
+justify-content: center;
+align-items: center;
+}
+
+.coin {
+width: 100px;
+height: 100px;
+background-color: #ffd700; /* gold color */
+border-radius: 50%;
+box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+transform-style: preserve-3d;
+transition: transform 0.5s ease-in-out;
+
+display: flex;
+justify-content: center;
+align-items: center;
+color: aliceblue;
+}
+
+#res{
+font-size: 48px;
+}
+
+#toss-res{
+ height: 100vh;
+ width: 100vw;
+
+ background-color: rgba(14, 9, 41, 0.899);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.toss-res-cont{
+ height: 80%;
+ width: 60%;
+ border: 0px;
+ border-radius: 70px;
+
+ align-content: center;
+ text-align: center;
+ line-height:60px;
+ background-color: white;
+}
+
+/* Game */
+
+game{
+ height: 100vh;
+ width: 100vw;
+ background-color: rgba(14, 9, 41, 0.899);
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.game-cont{
+ height: 80%;
+ width: 80%;
+
+ border: 0px;
+ border-radius: 50px;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ background-color: white;
+}
+
+.game-cont .score-cont{
+ height: 20%;
+ width: 80%;
+
+ border: 0px;
+ border-radius: 50px;
+
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+
+ background-color: rgba(14, 9, 41, 0.899);
+}
+
+.score-cont .score{
+ height: 60%;
+ width: 150px;
+ background-color: aquamarine;
+
+ border-radius: 20px;
+
+ text-align: center;
+}
+
+.graphic-cont{
+ height: 50%;
+ width: 100%;
+
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+}
+
+.status{
+ height: 100%;
+ width: 20%;
+ font-weight: 900;
+ font-size: 48px;
+
+ text-align: center;
+}
+
+.image img{
+ width: 100%;
+}
+
+.choice-cont{
+ height: 20%;
+ width: 80%;
+
+ border: 0px;
+ border-radius: 50px;
+
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+
+ background-color: rgba(14, 9, 41, 0.899);
+}
+
+.choice{
+ height: 50px;
+ width: 50px;
+
+ border: 0px;
+ border-radius: 50%;
+
+ background-color: white;
+
+ text-align: center;
+ color: red;
+ font-size: 38px;
+ font-weight: 900;
+}
+
+
+/* Results */
+
+.out-cont{
+ width: 100vw;
+ height: 100vh;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+
+ gap: 20px;
+}
+
diff --git a/SinglePlayer - Games/Hangman Game play/Hangman Game/README.md b/SinglePlayer - Games/Hangman Game play/Hangman Game/README.md
new file mode 100644
index 00000000..f1db34b5
--- /dev/null
+++ b/SinglePlayer - Games/Hangman Game play/Hangman Game/README.md
@@ -0,0 +1,18 @@
+# guess-the-number-game
+In this Hangman Game will guess the answer of given riddle in order to choose correct option and this game 6 chances to guess the letter
+## Instructions
+### Game Objective:
+
+- The computer will provide riddle and give 6 chance to guess the letter that present in answer.
+- Your goal is to guess this answer letter within 6 attempts.
+### How to Play:
+
+- The game will prompt you to enter your guess.
+- After each guess, if letter correct then it will show on the frontend page and if it is not correct then the image will added with hangman image .
+### Game Rules:
+
+- You have 6 attempts to guess the correct letter.
+- The game will provide feedback after each letter to guide you towards the correct answer.
+- If you guess the number within 6 attempts, you win. Otherwise, you lose the game.
+### Screenshots:
+
\ 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 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ 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(() => `
+
+
+ Hangman Game
+
+
+ Hint:
+Incorrect guesses:
+ ++ +## **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 @@ + + + + + + + + + + + + +
+
+
+
+
+
+
+
\ 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/rock-paper-scissor/paper.png b/SinglePlayer - Games/rock-paper-scissor/paper.png
new file mode 100644
index 00000000..fcc66033
Binary files /dev/null and b/SinglePlayer - Games/rock-paper-scissor/paper.png differ
diff --git a/SinglePlayer - Games/rock-paper-scissor/rock.png b/SinglePlayer - Games/rock-paper-scissor/rock.png
new file mode 100644
index 00000000..9bd0b7ae
Binary files /dev/null and b/SinglePlayer - Games/rock-paper-scissor/rock.png differ
diff --git a/SinglePlayer - Games/rock-paper-scissor/rps.css b/SinglePlayer - Games/rock-paper-scissor/rps.css
new file mode 100644
index 00000000..d34442da
--- /dev/null
+++ b/SinglePlayer - Games/rock-paper-scissor/rps.css
@@ -0,0 +1,54 @@
+* {
+ margin: 0;
+ padding: 0;
+ font-family: Arial, Helvetica, sans-serif;
+ text-align: center;
+}
+h1 {
+ background-color: #081b31;
+ padding-top: 1rem;
+ text-align: center;
+ height: 5rem;
+}
+.choices {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.choice img:hover {
+ cursor: pointer;
+ border: 0.5rem #081b31 solid;
+}
+.choice img {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ height: 120px;
+ width: 120px;
+ object-fit: cover;
+ border-radius: 50%;
+}
+.score-board{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 2rem;
+ margin-top: 4rem;
+}
+.score-board p{
+ margin-left: 2rem;
+ margin-right: 2rem;
+}
+#user-score,#comp-score{
+ font-size: 3rem;
+}
+.msg-container{
+ margin-top: 2rem;
+}
+#msg{
+ font-size: 1.5rem;
+ display: inline;
+ background-color: #081b31;
+ color: #fff;
+ padding: 1rem;
+ border-radius: 5rem;
+}
\ No newline at end of file
diff --git a/SinglePlayer - Games/rock-paper-scissor/rps.html b/SinglePlayer - Games/rock-paper-scissor/rps.html
new file mode 100644
index 00000000..5d6b0956
--- /dev/null
+++ b/SinglePlayer - Games/rock-paper-scissor/rps.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ Rock Paper Scissors
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+ 0
+You
+
+
+ 0
+Computer
+
+
+
+
diff --git a/SinglePlayer - Games/rock-paper-scissor/rps.js b/SinglePlayer - Games/rock-paper-scissor/rps.js
new file mode 100644
index 00000000..e29e8742
--- /dev/null
+++ b/SinglePlayer - Games/rock-paper-scissor/rps.js
@@ -0,0 +1,92 @@
+let userScore = 0;
+let compScore = 0;
+
+let msg=document.querySelector("#msg");
+let user=document.querySelector("#user-score");
+let comp=document.querySelector("#comp-score");
+
+const genComputerChoice =() =>{
+ const options = ["rock","paper","scissors"];
+ const randIdx = Math.floor(Math.random()*3);
+ return options[randIdx];
+}
+
+const drawGame = () =>{
+ console.log("The game was a draw");
+}
+const playGame = (userChoice) =>{
+ console.log("user choice = ",userChoice);
+ const compChoice = genComputerChoice();
+ console.log("computer choice = ",compChoice);
+ if(userChoice===compChoice){
+ drawGame();
+ msg.innerHTML="The game was a draw";
+ }
+ else{
+ let userWin=true;
+ if(userChoice==="rock"){
+ userWin = compChoice === "paper" ? false : true;
+ console.log(userWin);
+ if(userWin===false){
+ compScore++;
+ msg.innerHTML="Better luck next time!";
+ msg.style.backgroundColor = "red";
+ user.innerHTML=userScore;
+ comp.innerHTML=compScore;
+ }
+ else{
+ userScore++;
+ msg.innerHTML="Yayy! You won";
+ msg.style.backgroundColor = "green";
+ user.innerHTML=userScore;
+ comp.innerHTML=compScore;
+ }
+ }
+ else if(userChoice==="paper"){
+ userWin = compChoice === "rock" ? true : false;
+ console.log(userWin);
+ if(userWin===false){
+ compScore++;
+ msg.innerHTML="Better luck next time!";
+ msg.style.backgroundColor = "red";
+ user.innerHTML=userScore;
+ comp.innerHTML=compScore;
+ }
+ else{
+ userScore++;
+ msg.innerHTML="Yayy! You won";
+ msg.style.backgroundColor = "green";
+ user.innerHTML=userScore;
+ comp.innerHTML=compScore;
+ }
+ }
+ else{
+ userWin = compChoice === "paper" ? true : false;
+ console.log(userWin);
+ if(userWin===false){
+ compScore++;
+ msg.innerHTML="Better luck next time!";
+ msg.style.backgroundColor = "red";
+ user.innerHTML=userScore;
+ comp.innerHTML=compScore;
+ }
+ else{
+ userScore++;
+ msg.innerHTML="Yayy! You won";
+ msg.style.backgroundColor = "green";
+ user.innerHTML=userScore;
+ comp.innerHTML=compScore;
+ }
+ }
+ }
+}
+
+const choices = document.querySelectorAll(".choice");
+choices.forEach((choice)=>{
+ console.log(choice);
+ choice.addEventListener("click", ()=>{
+ const userChoice=choice.getAttribute("id");
+ console.log("choice was clicked ",userChoice);
+ playGame(userChoice);
+ })
+})
\ No newline at end of file
diff --git a/SinglePlayer - Games/rock-paper-scissor/scissors.png b/SinglePlayer - Games/rock-paper-scissor/scissors.png
new file mode 100644
index 00000000..c9dcbb6c
Binary files /dev/null and b/SinglePlayer - Games/rock-paper-scissor/scissors.png differ
diff --git a/SinglePlayer - Games/simon-says/script.js b/SinglePlayer - Games/simon-says/script.js
index 7c21822b..786005d4 100644
--- a/SinglePlayer - Games/simon-says/script.js
+++ b/SinglePlayer - Games/simon-says/script.js
@@ -117,6 +117,7 @@ class Simon {
this.errorSound.play();
this.display.startButton.disabled = false;
this.blockedButtons = true;
+ round.innerHTML=`You Lost.Play your move
+Your score : ${this.round}`; } @@ -126,7 +127,7 @@ class Simon { this.buttons.forEach(element =>{ element.classList.add('winner'); }); - this.updateRound('you win ๐'); + round.innerHTML=`You Win ๐
Your score : ${this.round}`; } } diff --git a/SinglePlayer - Games/simon-says/styles.css b/SinglePlayer - Games/simon-says/styles.css index 9e35834f..6a8bb6f9 100644 --- a/SinglePlayer - Games/simon-says/styles.css +++ b/SinglePlayer - Games/simon-says/styles.css @@ -15,6 +15,12 @@ margin-top: 50px; padding: 10px; border-radius: 5px; + width:500px; +} + +#round{ + position:relative; + left:100px; } .buttonContainer { @@ -22,6 +28,7 @@ grid-gap: 10px; grid-template-columns: auto auto; transform: rotate(45deg); + margin-left:25%; } .square { diff --git a/SinglePlayer - Games/word_guessing_game/index.html b/SinglePlayer - Games/word_guessing_game/index.html new file mode 100644 index 00000000..f5cd18f0 --- /dev/null +++ b/SinglePlayer - Games/word_guessing_game/index.html @@ -0,0 +1,24 @@ + + + + + +
+
+
+
+
diff --git a/SinglePlayer - Games/word_guessing_game/script.js b/SinglePlayer - Games/word_guessing_game/script.js
new file mode 100644
index 00000000..66917a81
--- /dev/null
+++ b/SinglePlayer - Games/word_guessing_game/script.js
@@ -0,0 +1,101 @@
+document.addEventListener("DOMContentLoaded", function() {
+ const words = [
+ { word: "javascript", hint: "I am a programming language commonly used for web development." },
+ { word: "programming", hint: "I involve writing instructions for computers to execute." },
+ { word: "html", hint: "I am the standard markup language for creating web pages." },
+ { word: "css", hint: "I am used for styling web pages and making them look attractive." },
+ { word: "developer", hint: "I am someone who creates software applications or websites." },
+ { word: "coding", hint: "I am the process of writing instructions for a computer to execute." },
+ { word: "algorithm", hint: "I am a set of rules or steps for solving a problem." },
+ { word: "function", hint: "I am a block of reusable code that performs a specific task." },
+ { word: "variable", hint: "I am a container for storing data values." },
+ { word: "loop", hint: "I am a programming construct used to repeat a block of code." }
+ ];
+
+ let randomWord;
+ let guessedLetters = [];
+ let remainingAttempts;
+
+ function initGame() {
+ // Select a random word from the words array
+ const randomIndex = Math.floor(Math.random() * words.length);
+ randomWord = words[randomIndex].word;
+ const hint = words[randomIndex].hint;
+
+ // Display placeholders for each letter in the word
+ const wordContainer = document.getElementById("word-container");
+ wordContainer.innerHTML = "";
+ for (let i = 0; i < randomWord.length; i++) {
+ const letterContainer = document.createElement("span");
+ letterContainer.textContent = "_";
+ letterContainer.className = "letter";
+ wordContainer.appendChild(letterContainer);
+ }
+
+ // Reset guessed letters and remaining attempts
+ guessedLetters = [];
+ remainingAttempts = 6;
+ document.getElementById("hint").textContent = hint;
+ document.getElementById("attempts-left").textContent = remainingAttempts;
+ document.getElementById("result").textContent = "";
+ }
+
+ function checkLetter(letter) {
+ if (guessedLetters.includes(letter)) {
+ return; // Already guessed this letter
+ }
+
+ guessedLetters.push(letter);
+
+ const wordContainer = document.getElementById("word-container");
+ let correctGuess = false;
+
+ // Check if the letter exists in the word
+ for (let i = 0; i < randomWord.length; i++) {
+ if (randomWord[i] === letter) {
+ wordContainer.children[i].textContent = letter;
+ correctGuess = true;
+ }
+ }
+
+ // Update remaining attempts and check for win or loss
+ if (!correctGuess) {
+ remainingAttempts--;
+ updateResult();
+ } else {
+ if (wordContainer.textContent === randomWord) {
+ document.getElementById("result").textContent = "Congratulations! You guessed the word.";
+ }
+ }
+
+ document.getElementById("attempts-left").textContent = remainingAttempts;
+ }
+
+ function updateResult() {
+ if (remainingAttempts === 0) {
+ document.getElementById("result").textContent = "Sorry, you've run out of attempts. The word was: " + randomWord + ".";
+ }
+ }
+
+ // Initialize the game when the page loads
+ initGame();
+
+ // Event listener for the guess button
+ document.getElementById("guess-button").addEventListener("click", function() {
+ const letterInput = document.getElementById("letter-input").value.trim().toLowerCase();
+
+ if (letterInput.length !== 1 || !/^[a-z]+$/.test(letterInput)) {
+ alert("Please enter a single letter from A to Z.");
+ return;
+ }
+
+ checkLetter(letterInput);
+ document.getElementById("letter-input").value = "";
+ });
+
+ // Event listener for the hint button
+ document.getElementById("hint-button").addEventListener("click", function() {
+ const hintContainer = document.getElementById("hint");
+ hintContainer.style.display = "block";
+ });
+});
diff --git a/SinglePlayer - Games/word_guessing_game/styles.css b/SinglePlayer - Games/word_guessing_game/styles.css
new file mode 100644
index 00000000..14aca7a6
--- /dev/null
+++ b/SinglePlayer - Games/word_guessing_game/styles.css
@@ -0,0 +1,124 @@
+body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+
+.background {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: linear-gradient(to right, #ff2e63, #ff9a2e, #ffcb2e, #76ff2e, #2effff);
+ background-size: 1000% 1000%;
+ animation: gradientAnimation 10s ease infinite;
+}
+
+@keyframes gradientAnimation {
+ 0% {background-position: 0% 50%;}
+ 50% {background-position: 100% 50%;}
+ 100% {background-position: 0% 50%;}
+}
+
+#game-container {
+ position: relative;
+ z-index: 1;
+ max-width: 400px;
+ text-align: center;
+ padding: 20px;
+ background-color: rgba(255, 255, 255, 0.8); /* Add transparency for better contrast */
+ border-radius: 10px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+h1 {
+ color: #333;
+ margin-bottom: 20px;
+}
+
+#word-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-bottom: 20px;
+ font-size: 24px;
+}
+
+.letter {
+ width: 30px;
+ height: 30px;
+ background-color: #ccc;
+ border-radius: 5px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 0 5px;
+}
+
+#letter-input {
+ padding: 10px;
+ margin-bottom: 10px;
+ width: calc(100% - 40px);
+ border: 1px solid #ccc;
+ border-radius: 5px;
+}
+
+#guess-button, #hint-button {
+ padding: 10px 20px;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ background-color: #007bff;
+ color: #fff;
+ transition: background-color 0.3s;
+}
+
+#guess-button:hover, #hint-button:hover {
+ background-color: #0056b3;
+}
+
+#result {
+ margin-top: 20px;
+ font-weight: bold;
+ color: #333;
+}
+
+#attempts {
+ font-size: 18px;
+ margin-top: 20px;
+}
+
+#hint {
+ display: none;
+ margin-top: 20px;
+ color: #333;
+}
+
+.show-hint {
+ display: block;
+}
+#game-container {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 1;
+ max-width: 400px;
+ text-align: center;
+ padding: 20px;
+ background-color: rgba(255, 255, 255, 0.8); /* Add transparency for better contrast */
+ border-radius: 10px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+#hint {
+ display: none;
+ margin-top: 20px;
+ color: #333;
+}
+
+.show-hint {
+ display: block;
+}
diff --git a/additionalpage/contact.html b/additionalpage/contact.html
index bc6c82cb..249884ad 100644
--- a/additionalpage/contact.html
+++ b/additionalpage/contact.html
@@ -21,7 +21,7 @@
-
+
Word Guessing Game
+ +Enter a letter:
+ + + + + +Attempts left:
+ Contact Us
+
+
@@ -109,12 +128,17 @@
+
+
+
+
+
+
+
+
+
+
+
+ Have You Any Questions?
+ Contact us at ...
Send Us An Email
-
-
+
+
+
+
+
-
-
+
-
@@ -159,10 +188,10 @@
+
+
+
@@ -127,20 +151,25 @@ Send Us An Email
Send Us An Email
diff --git a/additionalpage/game.html b/additionalpage/game.html index 76d3ce59..8ca00cac 100644 --- a/additionalpage/game.html +++ b/additionalpage/game.html @@ -190,6 +190,60 @@2048 Games
+
+
+
@@ -604,6 +658,59 @@
+ 
+
+
+
+ 45
+ 
+
+
+
+
+
+
+
+
+
+ DoraemonRun
+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. + +
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ Release Date:
+28.05.2023
+
+
+ Updated:
+Action | Desktop
+
+ Play Now
+
+ Anti Virus
+
+
@@ -2553,6 +2660,58 @@
+ 
+
+
+
+ 45
+
+
+
+
+
+
+
+
+
+
+ SnakeBites
+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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Release Date:
+28.05.2023
+
+
+ Updated:
+Action | Desktop
+
+ Play Now
+
+ Guess The Number
+
+
@@ -5087,6 +5246,59 @@
+ 
+
+
+
+ 41
+
+
+
+
+
+
+
+
+
+
+ Guess The Number
+Attempt to logically guess the a random secret sequence of colours
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Release Date:
+27.05.2024
+
+
+ Updated:
+Puzzle | Desktop
+
+ Play Now
+
+ Tetris
+ + + + +
+
+
+
+
@@ -8798,6 +9010,58 @@
+ 
+
+
+
+ 241
+
+
+
+
+
+
+
+
+
+
+ Rock paper scissors
+Experience the timeless puzzle sensation of "rock papaer scissors"
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Release Date:
+07.12.2015
+
+
+ Updated:
+Action | Desktop
+
+ play now
+
+ Shadow_Poke_Guessing_Game
+
+
+
+
@@ -9202,6 +9466,59 @@
+
+ 
+
+
+
+ 45
+
+
+
+
+
+
+
+
+
+
+
+ Hand_Cricket_Champ
+Cricket at your Fingertips!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Release Date:
+21.05.2024
+
+
+ Updated:
+Casual | Desktop/Mobile
+
+ Play Now
+
+ 2048 Games
+ + + + + +
+
+
+
diff --git a/additionalpage/multiplayer.html b/additionalpage/multiplayer.html
index 19c37868..31083858 100644
--- a/additionalpage/multiplayer.html
+++ b/additionalpage/multiplayer.html
@@ -186,6 +186,47 @@
+ 
+
+
+
+ 41
+
+
+
+
+
+
+
+
+
+
+ General Knowledge Quiz
+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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Release Date:
+22.05.2024
+
+
+ Updated:
+Action | Desktop
+
+ Play Now
+
+ Guess Flag
+ +
+
+
+ 
+
+
+
+ 41
+
+
+
+
+
+
+
+
+
+ Pop My Balloon
+Pop My Balloon is a game in which you have to guess a number avoiding the lucky number otherwise the balloon will pop.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Release Date:
+18.05.2024
+
+
+ Updated:
+Action | Desktop
+
+ Play Now
+
+