Welcome to the exciting world of our match-3 puzzle game! In this colorful and addictive game, your goal is to strategically match three or more identical cats to earn points!🎯
You can play it online here Purrfect Match
- Clone the repository
git clone https://github.com/Fatema-J/Purrfect-Match-Game.git
- Navagate to the project directory
cd Purrfect-Match-Game
- Open the index.html file in your browser, and enjoy the game!
-
The game generates an nxn grid of five different cat types on the screen. Each cell in the grid can contain one of these types without initial matches.
-
When the player choose an element, we need to:
- Identify possible drag targets (i.e., adjacent cells where the element can be moved).
- Check if the chosen element will make a match with adjacent elements.
- If the chosen element will make a match (e.g., three or more identical elements in a row/column), allow the move.
-
If a match is allowed:
- Delete the matched elements from the grid.
- Drop new elements from above to replace the matched ones.
- This can be done by shifting down the elements in the columns above the matched cells and generating new elements at the top.
- The new elements can be randomly chosen from the available pool of elements.
- check if the new elements match.
-
The player will earn points for matched elements.
-
Once the timer is up the game will be over and highest score will be recorded.
- Dark Mode
- Make customized branding for the game (logo, colors, fonts)
- Add sounds for every move
- Pause button
- Drag instead of choosing
- Timer
- Animations for the matched elements
- Responsive
-
The concept for Purrfect Match Game was inspired by Candy Crush Saga.
-
The captivating cat images in this game were designed by the talented Copilot designer using the powerful DALLe.3 model. These images bring our feline friends to life and add charm to the gameplay.
-
We owe the smooth animations and delightful transitions to Animate.css.
-
The interactive buttons that enhance the user interface were crafted using csswand.