Virtual Roulette 🎮

An engaging and interactive roulette game built with HTML, CSS, and JavaScript. Players can enter their names, spin the virtual wheel, and let the arrow decide the winner! Perfect for group games, parties, or decision-making.

🚀 Play Now

[Live Preview] (https://chriskript.github.io/virtual-roulette-game/)

🧐 Features

* 🎯 Interactive Gameplay: Spin a visually captivating roulette wheel with custom player names. * 🖌️ Customizable UI: Modify colors, sizes, and text easily. * 🎵 Sound Effects: Adds an immersive touch (with mute/unmute functionality). * 💻 Responsive Design: Works seamlessly on desktop and mobile devices.

🛠️ Installation Steps

1. Clone the repository:

git clone https://github.com/chriskript/virtual-roulette.git

2. Navigate to the project directory:

cd virtual-roulette

3. Open the index.html file in your browser to start the game:

open index.html

💻 Built With

• HTML: For structuring the game interface.
• CSS: For styling the game and making it visually appealing.
• JavaScript: For logic, interactivity, and animations.

🎨 Customization

Want to tweak the game to suit your style? Here's how:

1. Colors: Update the slice colors in the drawGameCircle function inside app.js.
2. Sound: Replace spin.mp3 with your preferred audio file.
3. Size: Modify the canvas dimensions in style.css or adjust the resizeCanvas function in app.js.
4. Player Input: Add or remove validation checks in the startBtn click event handler.

👩🏻‍💻 Usage

* Party Games: Decide who goes first or assign random tasks. * Team-building Events: Select team leaders or random winners. * Decision-making: Use as a fun way to resolve group debates or decisions.

💡 Examples

Try these tweaks to make the game unique:

• Add animations or gradient effects to the wheel.
• Increase the number of slices for larger groups.
• Experiment with the spin speed by adjusting the spinArrow function.

🛡️ License

This project is licensed under the MIT License. Feel free to use and modify it for personal or commercial projects.