A fun and interactive color guessing game where players try to guess the correct color from a set of options. The game includes animations, a score counter, sound effects for correct and incorrect guesses, and a mute button to turn off the sounds.
index.html: The main HTML file that structures the game and includes the necessary elements.style.css: The stylesheet that handles the design and layout of the game.script.js: The JavaScript file that contains the game logic, animations, and event handling.
- Color Guessing: The player has to guess the color of a target from six color options.
- Score Counter: Tracks and displays the player's score.
- Memory Test: A random color is shown before the options are shuffled.
- Animations: Smooth transitions and effects for correct/incorrect guesses.
- Sound Effects: Sounds play when the player guesses correctly or incorrectly.
- Mute Button: A button to toggle the sound effects.
To run this game locally, follow these steps:
- Clone the repository or download the files.
git clone https://github.com/your-username/color-guessing-game.git
- Open
index.htmlin a browser to start playing the game.
- On the screen, you will see a color displayed at the top.
- Below the target color, there are six color options. Click on the color you think matches the target color.
- If you guess correctly, your score will increase. If you guess incorrectly, the game will notify you.
- A new color will be shown after each guess, and the game will shuffle the options.
- To change the colors available for guessing, update the color values in the
script.jsfile. - Adjust the design by modifying the
style.cssfile to suit your preferences. - The sound effects can be customized by changing the audio files used in the
script.js.
This project is open-source and available under the MIT License. See the LICENSE file for more details.
- Thanks to the open-source community for providing resources and libraries used in this project.