Slotpot is an interactive slot machine game built with HTML, CSS, and JavaScript. The game mimics a traditional slot machine, allowing users to spin the reels and try their luck to win points. The game features sound effects, animations, and a mute button to enhance the user experience.
- Interactive Slot Machine: Spin the reels and win points based on matching icons.
- Sound Effects: Includes coin insertion, spinning, and winning sounds.
- Visual Effects: Animated coin insertion and spinning reels.
- Mute Button: Toggle sound on and off.
- Chances Counter: Keeps track of remaining chances to play.
- Scoreboard: Displays the current score.
- Responsive Design: Adaptable to different screen sizes.
- HTML for structuring the game interface.
- CSS for styling and animations.
- JavaScript for game logic and interactivity.
- jQuery for DOM manipulation and custom animations.
Slotpot/
│
├── index.html # Main HTML file
├── style.css # CSS styles
├── script.js # JavaScript logic
├── images/ # Directory for image assets
│ ├── bar-table.png
│ ├── bell.png
│ ├── billiard-ball.png
│ ├── champion.png
│ ├── cherry.png
│ ├── club.png
│ ├── cocktail.png
│ ├── crown.png
│ ├── diamond (1).png
│ ├── diamond.png
│ ├── dollar-currency-symbol.png
│ ├── dollar-symbol.png
│ ├── favorite.png
│ ├── flash.png
│ ├── grape.png
│ ├── heart.png
│ ├── horseshoe.png
│ ├── lemon.png
│ ├── palm-leaves.png
│ ├── question.png
│ ├── seven.png
│ ├── spade.png
│ ├── speed-limit.png
│ ├── square-dice.png
│ ├── volume-high-solid.svg
│ ├── volume-xmark-solid.svg
│ └── watermelon.png
├── coin-drop-89601.mp3 # Coin insertion sound
├── click-button-140881.mp3 # Click sound
└── winning-82808.mp3 # Winning sound
-
Clone the Repository:
git clone https://github.com/ronak-create/slotpot.git cd slotpot
-
Open the Game: Open
index.html
in your web browser to start playing the game.
- Insert Coin: Drag and drop the coin into the slot to add a chance.
- Push to Spin: Click the "PUSH" button to spin the reels.
- Check Results: Wait for the reels to stop and see if you've won points.
- Mute/Unmute: Click the speaker icon to toggle sound effects.
- Reels Spin: Each reel stops at a random position.
- Scoring: Points are awarded based on the number of matching icons:
- 1 match: 3000 points
- 2 matches: 1500 points
- 3 matches: No points
- Chances: The game starts with 10 chances. Each spin uses one chance.
- Images: You can replace the images in the
images
folder to customize the icons on the reels. - Sounds: Replace the
.mp3
files to change the sound effects.
This project is licensed under the MIT License. See the LICENSE file for details.
Enjoy the game and good luck! If you have any questions or feedback, feel free to contact us at ronakparmar2428@gmail.com.