Merge branch 'kunjgit:main' into Beyblade

kunjgit · Jun 10, 2024 · 30ea204 · 30ea204
2 parents ef72a8c + 6a80129
commit 30ea204
Show file tree

Hide file tree

Showing 321 changed files with 14,268 additions and 476 deletions.
diff --git a/.github/workflows/pr_tags.yaml b/.github/workflows/pr_tags.yaml
@@ -75,4 +75,4 @@
 #             labels: prLabels.map(function(label) {
 #               return label.name;
 #             })
-#           });
+#           });
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+assets/images/Pixel_Painter.png
diff --git a/Games/Anagram -Word-Game/README.md b/Games/Anagram -Word-Game/README.md
@@ -0,0 +1,43 @@
+# **Anagram Word Game**
+
+---
+
+<br>
+
+## **Description 📃**
+
+- Anagram Word Game is an engaging web-based game where players are challenged to unscramble a given set of letters to form a correct word. This game is designed to test and enhance players' vocabulary and cognitive skills in a fun and interactive way, providing an enjoyable gaming experience for all ages.
+
+## **Functionalities 🎮**
+
+- Presents players with a scrambled word.
+- Allows players to input their guessed word.
+- Provides instant feedback on the correctness of the guessed word.
+- Generates a new scrambled word for each game session.
+- Tracks and displays the player's score.
+- Features a sleek and intuitive user interface for seamless gaming.
+
+<br>
+
+## **How to play? 🕹️**
+
+1. Launch the Anagram Word Game in your browser.
+2. Observe the scrambled word presented on the screen.
+3. Enter your guess for the correct word into the provided input field.
+4. Click "Submit Guess" to verify your answer.
+5. If correct, you'll receive a confirmation message and your score will increase; otherwise, try again or click "Give Up" to reveal the correct word.
+6. Click "Next Word" to generate a new scrambled word and continue playing.
+
+<br>
+
+## **Screenshots 📸**
+
+![image](https://github.com/manishh12/GameZone/assets/97523900/c24e9b9f-fdf2-4d3f-87c3-b2780bd27063)
+
+
+<br>
+<!-- add your screenshots like this -->
+<!-- ![image](url) -->
+
+<br>
+
diff --git a/Games/Anagram -Word-Game/index.html b/Games/Anagram -Word-Game/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Anagram Word Game</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Anagram Word Game</h1>
+        <div id="game-container">
+            <p id="scrambled-word"></p>
+            <input type="text" id="guess" placeholder="Enter your guess">
+            <button id="submit-guess">Submit Guess</button>
+            <button id="give-up">Give Up</button>
+            <p id="result-message"></p>
+            <button id="next-word">Next Word</button>
+        </div>
+        <div id="score-container">
+            <p>Score: <span id="score">0</span></p>
+        </div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Games/Anagram -Word-Game/script.js b/Games/Anagram -Word-Game/script.js
@@ -0,0 +1,52 @@
+const words = ["javascript", "python", "programming", "developer", "computer"];
+let currentWord = '';
+let scrambledWord = '';
+let score = 0;
+
+function scrambleWord(word) {
+    let scrambled = word.split('').sort(() => 0.5 - Math.random()).join('');
+    return scrambled;
+}
+
+function pickRandomWord() {
+    const randomIndex = Math.floor(Math.random() * words.length);
+    currentWord = words[randomIndex];
+    scrambledWord = scrambleWord(currentWord);
+    document.getElementById('scrambled-word').innerText = scrambledWord;
+}
+
+function checkGuess() {
+    const guess = document.getElementById('guess').value.toLowerCase();
+    if (guess === currentWord) {
+        document.getElementById('result-message').innerText = `Correct! The word was "${currentWord}".`;
+        score += 10;
+        document.getElementById('score').innerText = score;
+        document.getElementById('next-word').style.display = 'inline-block';
+        document.getElementById('submit-guess').disabled = true;
+        document.getElementById('give-up').disabled = true;
+    } else {
+        document.getElementById('result-message').innerText = "Incorrect, try again.";
+        score -= 2;
+        document.getElementById('score').innerText = score;
+    }
+}
+
+function giveUp() {
+    document.getElementById('result-message').innerText = `The correct word was "${currentWord}".`;
+    document.getElementById('next-word').style.display = 'inline-block';
+    document.getElementById('submit-guess').disabled = true;
+    document.getElementById('give-up').disabled = true;
+}
+
+document.getElementById('submit-guess').addEventListener('click', checkGuess);
+document.getElementById('give-up').addEventListener('click', giveUp);
+document.getElementById('next-word').addEventListener('click', () => {
+    document.getElementById('guess').value = '';
+    document.getElementById('result-message').innerText = '';
+    document.getElementById('next-word').style.display = 'none';
+    document.getElementById('submit-guess').disabled = false;
+    document.getElementById('give-up').disabled = false;
+    pickRandomWord();
+});
+
+pickRandomWord();
diff --git a/Games/Anagram -Word-Game/style.css b/Games/Anagram -Word-Game/style.css
@@ -0,0 +1,76 @@
+body {
+  font-family: 'Arial', sans-serif;
+  background: linear-gradient(135deg, #0f9997, #e9ecef);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  margin: 0;
+}
+
+.container {
+  text-align: center;
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 12px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  max-width: 400px;
+  width: 100%;
+}
+
+h1 {
+  margin-bottom: 20px;
+  color: #343a40;
+}
+
+#game-container {
+  margin-top: 20px;
+}
+
+#scrambled-word {
+  font-size: 24px;
+  margin-bottom: 20px;
+  color: #007BFF;
+  font-weight: bold;
+}
+
+input {
+  padding: 10px;
+  margin: 5px;
+  font-size: 16px;
+  border: 1px solid #ced4da;
+  border-radius: 4px;
+  width: calc(100% - 22px);
+}
+
+button {
+  padding: 10px 15px;
+  margin: 5px;
+  font-size: 16px;
+  border: 1px solid #007BFF;
+  border-radius: 4px;
+  background-color: #007BFF;
+  color: white;
+  cursor: pointer;
+  width: calc(100% - 22px);
+}
+
+button:hover {
+  background-color: #0056b3;
+}
+
+#result-message {
+  margin-top: 20px;
+  font-size: 18px;
+}
+
+#next-word {
+  display: none;
+  margin-top: 20px;
+}
+
+#score-container {
+  margin-top: 20px;
+  font-size: 18px;
+  color: #495057;
+}
diff --git a/Games/AquaSort_Game/README.md b/Games/AquaSort_Game/README.md
@@ -0,0 +1,45 @@
+# **Aquasort**
+
+--- A water sorting puzzle game!
+
+<br>
+
+## **Description 📃**
+<!-- Add your game description here  -->
+- Aquasort is a puzzle game where players must sort colored water into test tubes according to certain rules.
+- Developed using HTML, CSS, and JavaScript.
+- Players need to strategize and use logic to successfully complete each level.
+
+<br>
+
+## **Functionalities 🎮**
+<!-- Add functionalities over here -->
+- Sorting colored water into test tubes.
+- Multiple difficulty levels to challenge players.
+- Dynamic water shuffling to provide a unique experience each time.
+
+<br>
+
+## **How to play? 🕹️**
+<!-- Add the steps how to play the game -->
+- Choose a difficulty level (Easy, Medium, Hard, Very Hard, Impossible).
+- Click on test tubes to transfer water between them according to the rules.
+- The objective is to have all test tubes filled with the same color of water.
+
+<br>
+
+## **Screenshots 📸**
+
+![Aquasort_Game](https://github.com/kunjgit/GameZone/assets/AquaSort.png)
+
+<br>
+
+## **Created By 👦**
+
+[Vijay Shanker Sharma](https://github.com/thevijayshankersharma)
+
+<br>
+
+### Thanks for playing Aquasort!
+
+<br>
diff --git a/Games/AquaSort_Game/index.html b/Games/AquaSort_Game/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Page Title</title>
+        <link rel="stylesheet" type="text/css" href="style.css">
+    </head>
+    <body>
+        <div id = "game">
+            <div id = "menu">
+                <div id = "menu-heading">WATER SORT PUZZLE</div>
+                <div class = "lvl" id = "easy" onclick = "OpenLevel(0);">EASY</div>
+                <div class = "lvl" id = "medium" onclick = "OpenLevel(1);">MEDIUM</div>
+                <div class = "lvl" id = "hard" onclick = "OpenLevel(2);">HARD</div>
+                <div class = "lvl" id = "very-hard" onclick = "OpenLevel(3)">VERY HARD</div>
+                <div class = "lvl" id = "impossible" onclick = "OpenLevel(7);">IMPOSSIBLE</div>
+                <br><br><br>
+                <div id = "rules-btn" onclick = "ShowRules();">RULES</div>
+            </div>
+            <div id = "level"></div>
+            <div id = "rules-page">
+                <div id = "rules">
+                    <div id = "rules-heading">RULES</div>
+                    <div id = "rules-text">There will be some glasses (or test tubes to be exact xD), your task is to put the liquids with same color together! You can transfer different colored water from one glass to another only if the other glass is empty or its top most layer of water is of the same color as that of the one from which water is to be taken. The glass you have selected will be highlighted to prevent confusion. Restart button will take you back to the beginning of the level, also every time you open the same level the water will be shuffled. Check out the real game 'Water sort puzzle' on playstore, I have cloned it.</div>
+                    <div id = "back" onclick = "HideRules();">BACK</div>
+                </div>
+            </div>
+        </div>
+        <script src="script.js"></script>
+    </body>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -75,4 +75,4 @@ @@
     #             labels: prLabels.map(function(label) {
     #               return label.name;
     #             })
-    #           });
+    #           });