[New Feature]: Winning Celebration

[SrishtiDubey3]

🎮 feature Request

The "Victory Celebration" feature is designed to enhance the user experience by providing a visually appealing and exciting animation when a player wins a game. This feature utilizes HTML, CSS, and JavaScript to create a dynamic confetti effect that triggers upon a win condition.

Feature Logic Description ---

• Win Button Click: An event listener is attached to the win button. When clicked, it changes the game status to "You Win!" and triggers the confetti animation.
• Confetti Creation: When the win event is triggered, a specified number of confetti elements are dynamically created.
• Random Positioning: Each confetti element is positioned randomly across the width of the screen.
• Random Colors: Confetti elements are assigned random colors from a predefined set.
• Animation: Confetti elements are animated to fall from the top to the bottom of the screen using CSS keyframes.
• Confetti Animation: Provides a colorful and lively animation that celebrates the player's success.

Point down the features

Here is a "sample screenshot" of the desired feature :

Select program in which you are contributing

GSSoC24

Code of Conduct

• [X] I follow [CONTRIBUTING GUIDELINE]() of this project.

[Lovelyfin00]

This is a nice idea but I have more suggestion. The confetti can start from the bottom and blow up to cover the screen and following it should be the celebration icon with the player that won name. Lets say player 1 won. It should be: Player 1 wins 🎉🎉

This should overlay ontop of the gamepage

[lovelymahor]

please assign this issue to me, I want to work on this