kunjgit · aamira0 · Dec 24, 2024 · Dec 25, 2024 · Dec 25, 2024 · Dec 25, 2024
diff --git a/Games/Pac_Man_Game/CodeStandards.md b/Games/Pac_Man_Game/CodeStandards.md
@@ -0,0 +1,63 @@
+# Code Standards
+
+## 1. File Structure
+- Keep HTML, CSS, and JavaScript in separate files.
+- Use clear and descriptive names for files and folders.
+
+## 2. HTML
+- Use meaningful HTML tags.
+- Link CSS and JavaScript files in the `<head>` or at the end of the `<body>`.
+- Use meaningful `id` and `class` names.
+
+## 3. CSS
+- Use consistent class names (e.g., `kebab-case`).
+- Group related styles together.
+- Use comments to separate sections.
+- Use relative units (e.g., `em`, `rem`) for sizes.
+- Use `z-index` sparingly.
+- Use CSS animations for effects.
+
+## 4. JavaScript
+- Use `const` and `let` instead of `var`.
+- Use `const` for variables that don't change.
+- Use `let` for variables that can change.
+- Use clear names for variables and functions.
+- Use camelCase for variables and functions.
+- Use PascalCase for class names.
+- Group related functions together.
+- Add comments above and/or next to code to explain it.
+- Use template literals for strings.
+- Use event listeners for user interactions.
+- Use `setInterval` and `setTimeout` for timed actions.
+- Use `querySelector` and `querySelectorAll` to select elements.
+- Use `classList` to add, remove, and toggle classes.
+- Use `appendChild` and `removeChild` for DOM changes.
+- Use `addEventListener` for events.
+
+### Example
+
+```javascript
+// Use const for variables that do not change
+const gameBoard = document.getElementById('gameBoard');
+
+// Use let for variables that may change
+let score = 0;
+
+// Use descriptive names for functions
+const initializeGame = () => {
+    // Function logic here
+};
+
+// Use event listeners to handle user interactions
+document.addEventListener('DOMContentLoaded', initializeGame);
+
+// Use template literals for string concatenation
+const updateScore = (points) => {
+    score += points;
+    document.getElementById('scoreValue').textContent = `Score: ${score}`;
+};
+
+// Use arrow functions for anonymous functions
+document.getElementById('startGameButton').addEventListener('click', () => {
+    // Start game logic here
+});
diff --git a/Games/Pac_Man_Game/Img/Screenshot.png b/Games/Pac_Man_Game/Img/Screenshot.png
diff --git a/Games/Pac_Man_Game/README.md b/Games/Pac_Man_Game/README.md
@@ -6,8 +6,10 @@ This is a classic Pac-Man game built using HTML, CSS, and JavaScript. The object
 ## Functionalities 🎮
 - **Pac-Man Movement**: Use arrow keys to move Pac-Man up, down, left, or right.
 - **Pac-Dots**: Eat pac-dots to increase your score.
+- **Power Pellets**: Eat power pellets to temporarily turn ghosts blue and make them vulnerable.
 - **Ghosts**: Avoid ghosts that move around the maze. If a ghost touches Pac-Man, a life is lost.
-- **Lives**: The player starts with 2 lives. The game ends when all lives are lost.
+- **Fruits**: Occasionally, fruits appear in the maze. Eat them to gain extra points.
+- **Lives**: The player starts with 3 lives. The game ends when all lives are lost.
 - **Winning Condition**: Collect all pac-dots to win the game.
 - **Game Over**: The game ends when Pac-Man loses all lives and gets caught.
 
@@ -19,9 +21,11 @@ This is a classic Pac-Man game built using HTML, CSS, and JavaScript. The object
    - **Arrow Left**: Move left
    - **Arrow Right**: Move right
 3. **Collect Pac-Dots**: Navigate through the maze and collect all the pac-dots to increase your score.
-4. **Avoid Ghosts**: Avoid the ghosts moving around the maze. If a ghost touches Pac-Man, a life is lost.
-5. **Game Over**: The game ends when Pac-Man loses all lives. A message will display "Game over! You lost!".
-6. **Win the Game**: Collect all pac-dots to win the game. A message will display "Congratulations! You won!".
+4. **Eat Power Pellets**: Eat power pellets to turn ghosts blue and make them vulnerable. You can eat blue ghosts for extra points.
+5. **Collect Fruits**: Occasionally, fruits appear in the maze. Eat them to gain extra points.
+6. **Avoid Ghosts**: Avoid the ghosts moving around the maze. If a ghost touches Pac-Man, a life is lost.
+7. **Game Over**: The game ends when Pac-Man loses all lives. A message will display "Game over! You lost!".
+8. **Win the Game**: Collect all pac-dots to win the game. A message will display "Congratulations! You won!".
 
 ## Screenshots 📸
 ![Img/Screenshot.png](Img/Screenshot.png)
diff --git a/Games/Pac_Man_Game/index.html b/Games/Pac_Man_Game/index.html
@@ -5,24 +5,54 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Pac-Man Game</title>
-     <!-- Link to the external stylesheet -->
-     <link rel="stylesheet" href="style.css">
+    <!-- Link to the external stylesheet -->
+    <link rel="stylesheet" href="style.css">
 </head>
-    
+
 <body>
     <!-- Container for the game board -->
     <div id="gameBoard"></div>
-    
+
     <!-- Display the current score -->
     <div id="score">Score: <span id="scoreValue">0</span></div>
     <!-- Display lives -->
-     <div id="livesContainer">
+    <div id="livesContainer">
         <span>Lives: </span>
         <span id="life1" class="life"></span>
         <span id="life2" class="life"></span>
+        <span id="life3" class="life"></span>
+    </div>
+
+    <!-- Start game overlay -->
+    <div id="startGameOverlay">
+        <img src="./pixels/PacMan-title.png" id="startGameButton" alt="Start Game">
     </div>
+
+    <!-- Simple game instructions+-->
+    <div id="gameInstructions">
+        <p>Use the <span class="arrow">⬅️</span> <span class="arrow">⬆️</span> <span class="arrow">➡️</span> <span class="arrow">⬇️</span> arrow keys to move Pac-Man!</p>
+    </div>    
+
+    <!-- Audio element for start screen sound -->
+    <audio id="startSound" src="./sounds/game_start.wav"></audio>
+
+    <!-- Audio element for Pac-Man eating sound -->
+    <audio id="eatSound" src="./sounds/pacman_eat.wav"></audio>
+
+    <!-- Audio element for eating fruit sound -->
+    <audio id="eatFruitSound" src="./sounds/eat_fruit.wav"></audio>
+
+    <!-- Audio element for power-up sound -->
+    <audio id="powerUpSound" src="./sounds/power_up.wav"></audio>
+
+    <!-- Audio element for ghost eaten sound -->
+    <audio id="ghostEatenSound" src="./sounds/ghost_eaten.wav"></audio>
+
+    <!-- Audio element for game over sound -->
+    <audio id="gameOverSound" src="./sounds/game_over.wav"></audio>
+
     <!-- Link to the JavaScript file -->
     <script src="script.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/Games/Pac_Man_Game/pixels/PacMan-title.png b/Games/Pac_Man_Game/pixels/PacMan-title.png
diff --git a/Games/Pac_Man_Game/pixels/fruit-apple.png b/Games/Pac_Man_Game/pixels/fruit-apple.png
diff --git a/Games/Pac_Man_Game/pixels/fruit-cherry.png b/Games/Pac_Man_Game/pixels/fruit-cherry.png
diff --git a/Games/Pac_Man_Game/pixels/fruit-orange.png b/Games/Pac_Man_Game/pixels/fruit-orange.png
diff --git a/Games/Pac_Man_Game/pixels/fruit-strawberry.png b/Games/Pac_Man_Game/pixels/fruit-strawberry.png
diff --git a/Games/Pac_Man_Game/pixels/ghost-blue.png b/Games/Pac_Man_Game/pixels/ghost-blue.png
diff --git a/Games/Pac_Man_Game/pixels/ghost-pink.png b/Games/Pac_Man_Game/pixels/ghost-pink.png
diff --git a/Games/Pac_Man_Game/pixels/ghost-red.png b/Games/Pac_Man_Game/pixels/ghost-red.png
diff --git a/Games/Pac_Man_Game/pixels/ghosts-slow.gif b/Games/Pac_Man_Game/pixels/ghosts-slow.gif
diff --git a/Games/Pac_Man_Game/pixels/pacman.gif b/Games/Pac_Man_Game/pixels/pacman.gif