-
Notifications
You must be signed in to change notification settings - Fork 183
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2601 from Anjaliavv51/master
Added Game
- Loading branch information
Showing
2 changed files
with
410 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,167 @@ | ||
| # **Catch the Target Game** | ||
| Enjoy The Game!!! | ||
| <br> | ||
|
|
||
|
|
||
| ## **Description 📃** && **How to play? 🕹️** | ||
| <h3> <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Rocket.png" alt="Rocket" width="40" height="40" />Featured In</h3> | ||
|
|
||
| Game Objective: | ||
|
|
||
| Click on the bouncing target as many times as possible within the time limit. | ||
|
|
||
|
|
||
| Game Rules: | ||
|
|
||
| The game lasts for 30 seconds. | ||
| Each successful click on the target earns you 1 point. | ||
| The target moves randomly after each click. | ||
| Try to achieve the highest score possible before time runs out. | ||
|
|
||
|
|
||
| How to Play: | ||
|
|
||
| Click the "Start Game" button to begin. | ||
| Move your cursor quickly to catch the bouncing target. | ||
| Click on the target to score points. | ||
| Keep an eye on the timer in the top right corner. | ||
|
|
||
|
|
||
| Scoring: | ||
|
|
||
| 1 point is awarded for each successful click on the target. | ||
| Your current score is displayed in the top left corner. | ||
|
|
||
|
|
||
| Game Over: | ||
|
|
||
| The game ends when the 30-second timer reaches zero. | ||
| Your final score will be displayed. | ||
| Click the "Restart" button to play again and try to beat your high score. | ||
|
|
||
|
|
||
| Tips: | ||
|
|
||
| The target moves faster as your score increases, so stay alert! | ||
| Try to anticipate where the target will bounce next. | ||
| Practice to improve your reaction time and mouse accuracy. | ||
|
|
||
|
|
||
| Challenge: | ||
|
|
||
| Compete with friends to see who can achieve the highest score. | ||
| Try to beat your own personal best with each new game. | ||
|
|
||
|
|
||
| <table align="center"> | ||
| <thead align="center"> | ||
| <tr border: 1px;> | ||
| <td><b><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Star.png" width="20" height="20"> Stars</b></td> | ||
| <td><b>🍴 Forks</b></td> | ||
| <td><b><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Lady%20Beetle.png" width="20" height="20"> Issues</b></td> | ||
| <td><b><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Check%20Mark%20Button.png" width="20" height="20"> Open PRs</b></td> | ||
| <td><b><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Cross%20Mark.png" width="20" height="20"> Closed PRs</b></td> | ||
| </tr> | ||
| </thead> | ||
| <tbody> | ||
| <tr> | ||
| <td><img alt="Stars" src="https://img.shields.io/github/stars/bhargav-04/HTML?style=flat&logo=github"/></td> | ||
| <td><img alt="Forks" src="https://img.shields.io/github/forks/bhargav-04/HTML?style=flat&logo=github"/></td> | ||
| <td><img alt="Issues" src="https://img.shields.io/github/issues/bhargav-04/HTML?style=flat&logo=github"/></td> | ||
| <td><img alt="Open Pull Requests" src="https://img.shields.io/github/issues-pr/bhargav-04/HTML?style=flat&logo=github"/></td> | ||
| <td><img alt="Closed Pull Requests" src="https://img.shields.io/github/issues-pr-closed/bhargav-04/HTML?style=flat&color=critical&logo=github"/></td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| </div> | ||
|
|
||
| <h3><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Writing%20Hand%20Light%20Skin%20Tone.png" alt="Rocket" width="40" height="40" />Project Overview</h3> | ||
| <p style="font-family:var(--ff-philosopher);">"Catch the Target" is an engaging, browser-based game that challenges players to test their reflexes and mouse accuracy. Players must click on a bouncing target as many times as possible within a 30-second time limit, aiming to achieve the highest score.</p> | ||
|
|
||
| ## <p style="font-family:var(--ff-philosopher);font-size:3rem;text-align:center;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/High%20Voltage.png" alt="High Voltage" width="40" height="40" />Tech Stack</p> | ||
| <center><a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML5"><img src="https://img.shields.io/badge/HTML5-E34F26.svg?style=for-the-badge&logo=HTML5&logoColor=white"></a> | ||
| <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript"><img src="https://img.shields.io/badge/JavaScript-F7DF1E.svg?style=for-the-badge&logo=JavaScript&logoColor=black"></a> | ||
| <a href="https://getbootstrap.com/"><img src="https://img.shields.io/badge/React JS-7952B3.svg?style=for-the-badge&logo=React-JS&logoColor=black"></a> | ||
| <a href="https://developer.mozilla.org/en-US/docs/Web/CSS"><img src="https://img.shields.io/badge/CSS3-1572B6.svg?style=for-the-badge&logo=CSS3&logoColor=black"></a></center> | ||
|
|
||
| <br><br> | ||
|
|
||
| ## Game Preview | ||
|
|
||
|
|
||
| <br><br> | ||
|
|
||
| ## <p style="font-size:3rem;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Rocket.png" alt="Rocket" width="40" height="40" />Get Started</p> | ||
|
|
||
| ### Setup and Installation | ||
|
|
||
| <p style="font-family:var(--ff-philosopher);">To contribute to the Retro repository, follow these steps:</p> | ||
|
|
||
| 1. **Fork the Repository:** | ||
| Click on the "Fork" button on the repository's GitHub page to create a copy of the repository in your GitHub account. | ||
|
|
||
| 2. **Clone the repository:** | ||
| Clone the forked repository to your local machine using the following command in your terminal. | ||
| ```bash | ||
| git clone https://github.com/<your-github-username>/HTML | ||
| ``` | ||
| 3. **Add a remote upstream:** | ||
| ```bash | ||
| git remote add upstream https://github.com/bhargav-04/HTML | ||
| ``` | ||
| 4. **Create a new branch:** | ||
| Create a new branch for your changes. Run the following command in your terminal. | ||
| ```bash | ||
| git checkout -b <your-branch-name> | ||
| ``` | ||
| 5. **Make the desired changes:** | ||
| Make the desired changes to the source code. | ||
|
|
||
| 6. **Add your changes:** | ||
| Add your changes to the staging area. Run the following command in your terminal. | ||
| ```bash | ||
| git add <File1 changed> <File2 changed> ... | ||
| ``` | ||
| 7. **Commit your changes:** | ||
| Commit your changes with a meaningful commit message. Run the following command in your terminal. | ||
| ```bash | ||
| git commit -m "<your-commit-message>" | ||
| ``` | ||
| 8. **Push your changes:** | ||
| Push your changes to your forked repository. Run the following command in your terminal | ||
| ```bash | ||
| git push origin <your-branch-name> | ||
| ``` | ||
| 9. **Create a Pull Request:** | ||
| Go to the GitHub page of your forked repository. You should see a prompt to create a pull request (PR). Click on it, compare the changes, and create the PR. | ||
| <br><br> | ||
|
|
||
|
|
||
|
|
||
| <p style="font-family:var(--ff-philosopher);font-size:3rem;text-align:center;"><b>Contributing | ||
|
|
||
| <p style="font-family:var(--ff-philosopher);font-size:2rem;">We love your input! We want to make contributing to this project as easy and transparent as possible, whether it's. | ||
| To contribute to the HTML repository using GitHub Desktop, follow these steps: | ||
| <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Lady%20Beetle.png" width="20" height="20"> Reporting a bug<br> | ||
| <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Man%20Technologist%20Light%20Skin%20Tone.png" width="20" height="20" >Discussing the current state of the code<br> | ||
| <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Axe.png" width="20" height="20" >Submitting a fix<br> | ||
| <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Rocket.png" width="20" height="20" >Proposing new features | ||
| <div align="center"> | ||
| <h2 style="font-size:3rem;">Our Contributors <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" alt="Red Heart" width="40" height="40" /></h2> | ||
| <h3>Thank you for contributing to our repository</h3> | ||
| <a href="https://github.com/bhargav-04/HTML/graphs/contributors"> | ||
| <img src="https://contributors-img.web.app/image?repo=bhargav-04/HTML"/> | ||
| </a> | ||
| <p style="font-family:var(--ff-philosopher);font-size:3rem;"><b> Show some <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" alt="Red Heart" width="40" height="40" /> by starring this awesome repository! | ||
| </div> | ||
| <center> | ||
| <h3 style="font-size:2rem;"> | ||
| If you find this project helpful, please consider giving it a star! <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/tarikul-islam-anik/main/assets/images/Star.png" width="30" height="30"></p> | ||
| </center> |
Oops, something went wrong.