Merge pull request #4407 from thevijayshankersharma/word-shuffle-game

Added Word shuffle game
kunjgit · Jun 15, 2024 · 1ff2574 · 1ff2574
2 parents 9480047 + 0281e2b
commit 1ff2574
Show file tree

Hide file tree

Showing 6 changed files with 1,239 additions and 0 deletions.
diff --git a/Games/Word_Shuffle_Game/README.md b/Games/Word_Shuffle_Game/README.md
@@ -0,0 +1,37 @@
+# **Word Shuffle Game**
+
+---
+
+## **Description 📃**
+
+The Word Shuffle game challenges players to unscramble a set of letters to form meaningful words within a given time frame. Players are presented with a grid of letters, and they must rearrange these letters to create valid words. The game provides hints and shuffle options to assist players in finding words. Each level becomes progressively more difficult, with longer words and shorter time limits.
+
+## **Features 🎮**
+
+- **Word Unscrambling:** Players unscramble letters to form valid words.
+- **Time Limit:** Each level has a time limit within which players must complete the word unscrambling task.
+- **Hints:** Players can use hints to reveal letters or words to aid them in solving the puzzle.
+- **Shuffle Option:** Players can shuffle the letters to get a different arrangement, potentially revealing new word combinations.
+- **Progressive Difficulty:** As players advance through levels, the complexity of the word puzzles increases.
+- **Score Tracking:** The game keeps track of players' scores based on the number of words solved and the time taken.
+- **Level System:** Players progress through different levels, each with its own unique set of word puzzles.
+- **Responsive Design:** The game is designed to be playable on various devices with different screen sizes.
+
+## **Screenshots 📸**
+
+![image](../../assets/images/shuffle.png)
+
+
+## **How to Play? 🕹️**
+
+To play Word Shuffle:
+
+1. Unscramble letters to form words.
+2. Beat the time limit for each level.
+3. Use hints or shuffle for help.
+4. Levels get harder as you progress.
+5. Track your score.
+6. Unlock new levels.
+7. Play on any device.
+
+Have fun unscrambling!
diff --git a/Games/Word_Shuffle_Game/index.html b/Games/Word_Shuffle_Game/index.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" >
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div id="container">
+        <div id="bda">
+            <span style="left:5%;animation-delay:3s;animation:anim2 5s ease-in infinite;">💚</span>
+            <span style="left:40%;animation-delay:4s;animation:anim2 7s ease-out infinite;">⚡</span>
+            <span style="left:65%;animation-delay:2s;animation:anim2 16s ease-in-out infinite;" >🌺</span>
+            <span style="left:80%;animation-delay:3s;animation:anim2 8s linear infinite;" >❄</span>
+            <span style="left:20%;animation-delay:3s;animation:anim2 9s ease-in infinite;">👍</span>
+            <span style="left:50%;animation-delay:4s;animation:anim2 10s ease-out infinite;">🍁</span>
+            <span style="left:60%;animation-delay:2s;animation:anim2 11s ease-in-out infinite;" >🎈</span>
+            <span style="left:85%;animation-delay:5s;animation:anim2 6s linear infinite;" >🌼</span>
+        </div>
+        <div id="wContainer">
+            <div id="topBar">
+                <h3 id="levelDiv"><span id="level">Level <span id="levelNum">1</span></span><span id="coinDiv"><span id="coin">0</span><span id="coinSign">💰</span></span></h3>
+                <div id="wcont">
+                    <div class="word">
+                        <!--<div class="wld">.</div>
+                        <div class="wld">.</div>-->
+                    </div>
+                    <div class="word"></div>
+                    <div class="word"></div>
+                    <div class="word"></div>
+                    <div class="word"></div>
+                </div>
+            </div>
+        </div>
+        <div id="lContainer">
+            <div id="l1" class="l"></div>
+            <div id="l2" class="l"></div>
+            <div id="l3" class="l"></div>
+            <div id="l4" class="l"></div>
+            <div id="l5" class="l"></div>
+            <div id="preview"><span id="previewTxt"></span></div>
+        </div>
+        <canvas id="gameContainer"></canvas>
+        <div id="over">
+            <h2 id="complete"><span id="title">Word Shuffle</span></h2>
+            <div id="starCnt">
+                <div id="starbg"><span id="stb1">⭐</span><span id="stb2">⭐</span><span id="stb3">⭐</span></div>
+                <div id="star"><span>⭐</span><span>⭐</span><span>⭐</span></div>
+            </div>
+            <div id="nextBtnCnt">
+                <div id="levelBtnCnt">
+                    <button id="levelBtn">Levels</button>
+                </div>
+                <button id="nextBtn">Next Level</button>
+                <button id="st">Play</button>
+            </div>
+            <div id="levelCnt">
+                <div id="levelTitle">
+                    <button>Levels</button>
+                </div>
+                <div id="levelBack">
+                    <button>Back</button>
+                </div>
+                <div id="levelList"></div>
+            </div>
+        </div>
+        <div id="shuffle">🔄</div>
+        <div id="hint">💡</div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html
+
+