Minimal Puzzle B&W

A simple puzzle game built with HTML, CSS, and JavaScript. The goal is to clear groups of matching symbols on a grid before running out of moves.

How to Play

  1. Click on any symbol on the grid.
  2. If there are two or more connected matching symbols (horizontally or vertically), they will be cleared from the grid.
  3. Cleared spaces will be filled with new random symbols.
  4. Each move that clears symbols reduces the move count.
  5. The game ends when you run out of moves.
  6. A game over screen will display your final score and provide an option to play again.

Features

  • Minimalist Design: Uses only black and white color palette for a clean look.
  • Randomly Generated Grid: Every game starts with a unique puzzle configuration.
  • Score and Moves Counter: Keeps track of your progress during the game.
  • Game Over Screen: Displays final score and restart option when out of moves.
  • Responsive: Game adapts to different browser window sizes.

Technologies Used

  • HTML: For structuring the page and elements.
  • CSS: For styling and layout.
  • JavaScript: For game logic and interactivity.

Getting Started

  1. Clone this repository to your local machine.
  2. Open the index.html file in your web browser.
  3. Start playing!

Files Included

  • index.html: The main HTML file for the game.
  • README.md: This file, providing a description of the game.

Future Improvements

  • Implement animation for better user feedback.
  • Add difficulty levels for varied game experience.
  • Keep High scores in browser's storage.

License

This project is open-source and available under the MIT License. Feel free to use, modify and contribute!