https://github.com/thatsinewave/the-button
The average success rate for clicking the button is less than 2%. Can you beat the odds?
https://github.com/thatsinewave/the-button
browser-game button button-animation button-control button-game button-widget buttons good-first-contribution good-first-issue good-first-issues good-first-pr good-first-pr-first-contribution good-first-project good-first-prs html-css-javascript html-css-js open-source opensource rage-game thatsinewave
Last synced: 13 days ago
JSON representation
The average success rate for clicking the button is less than 2%. Can you beat the odds?
- Host: GitHub
- URL: https://github.com/thatsinewave/the-button
- Owner: ThatSINEWAVE
- License: mit
- Created: 2025-03-19T07:27:17.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-03-22T23:35:23.000Z (about 1 month ago)
- Last Synced: 2025-03-23T00:23:39.541Z (about 1 month ago)
- Topics: browser-game, button, button-animation, button-control, button-game, button-widget, buttons, good-first-contribution, good-first-issue, good-first-issues, good-first-pr, good-first-pr-first-contribution, good-first-project, good-first-prs, html-css-javascript, html-css-js, open-source, opensource, rage-game, thatsinewave
- Language: JavaScript
- Homepage: https://thatsinewave.github.io/The-Button/
- Size: 481 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# [The Button](https://thatsinewave.github.io/The-Button/)
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 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.
## ☕ [Support my work on Ko-Fi](https://ko-fi.com/thatsinewave)
## Installation
To run this project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/your-username/the-button-game.git
```
2. Navigate to the project directory:
```bash
cd the-button-game
```
3. Open `index.html` in your browser:
```bash
open index.html
```
## Hosting on GitHub Pages
This project is hosted on GitHub Pages. You can visit the live version of the game [here](https://thatsinewave.github.io/The-Button/).
## [Join my Discord server](https://discord.gg/2nHHHBWNDw)
## 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](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! 🎉