Skip to content

ThatSINEWAVE/The-Button

Repository files navigation

Welcome to The Button, a fun and challenging interactive web game where the goal is simple: try to click the button! But beware, the button is smart and will do everything it can to avoid your clicks.

The-Button

The average success rate for clicking the button is less than 2%. Can you beat the odds?

How to Play

  • Objective: Click the button as many times as you can.
  • Challenge: The button moves away from your cursor, making it harder to click.
  • Tracking: The game keeps track of your attempts, successes, and your success rate in real-time.

Features

  • Dynamic Button Movement: The button moves away from your cursor based on your mouse speed and proximity.
  • Confetti Celebration: When you successfully click the button, a burst of confetti celebrates your victory.
  • Success Rate Tracking: The game calculates and displays your success rate, so you can see just how elusive the button is.

Installation

To run this project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/your-username/the-button-game.git
  2. Navigate to the project directory:
    cd the-button-game
  3. Open index.html in your browser:
    open index.html

Hosting on GitHub Pages

This project is hosted on GitHub Pages. You can visit the live version of the game here.

Technologies Used

  • HTML5: For structuring the game.
  • CSS3: For styling and animations.
  • JavaScript: For the game logic and interactivity.
  • Canvas Confetti: For the confetti effect when the button is clicked.

Contributing

Contributions are welcome! If you have any ideas for improvements or new features, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Fun Fact

The average success rate for clicking the button is less than 2%. Can you beat the odds?


Enjoy the game and happy clicking! 🎉