Lucky Reels - Slot Machine Web Game
Play It Now in Full Tab
How to Play
- Start with 1,000 coins — manage your balance wisely.
- Use the − / + buttons to set your bet (5 to 100 coins per spin).
- Press SPIN to roll the three reels simultaneously.
- Match 3 identical symbols across the reels to win based on the paytable multiplier.
- Match any 2 symbols to recover your bet (×1 payout).
- Hit 💎💎💎 for the 50× JACKPOT — the ultimate prize!
Controls
Desktop
− / +
Adjust bet amount
SPIN
Click to spin reels
Space
Quick spin (shortcut)
Mobile
− / +
Tap to adjust bet
SPIN
Tap to spin reels
Fully responsive layout!
Paytable — Payouts (× Bet)
| Combination | Multiplier | Label |
|---|---|---|
| 💎💎💎 | × 50 | JACKPOT |
| 7️⃣7️⃣7️⃣ | × 20 | — |
| 🍒🍒🍒 | × 10 | — |
| 🍋🍋🍋 | × 8 | — |
| ⭐⭐⭐ | × 6 | — |
| 🎰🎰🎰 | × 5 | — |
| 🔔🔔🔔 | × 4 | — |
| 🍇🍇🍇 | × 3 | — |
| Any 2 matching | × 1 | Bet returned |
Project Information
- Category: Web Game
- Platform: Browser (HTML5)
- Engine: Vanilla JS + CSS Animations
- Language: JavaScript
- Genre: Casino / Casual
- My Role: Solo Developer
- Starting Balance: 1,000 Coins
- Mobile Support: Yes
- Live Link: GitHub Pages ↗
Project Overview
Lucky Reels is a fully functional classic 3-reel slot machine built entirely with vanilla HTML, CSS, and JavaScript — no libraries, no game engine. Players start with 1,000 coins, choose their bet, and spin to match symbols across the reels. With 9 symbol types, a live paytable, and a 50× jackpot, the game captures the feel of a real casino slot experience in the browser.
Key Features
- Classic 3-reel spin mechanic with smooth CSS reel animations
- 9 unique symbols with individual payout multipliers
- 💎 50× Jackpot — the highest-value prize
- Adjustable bet system (5 to 100 coins per spin)
- Live Balance, Win amount, and Spin counter HUD
- Win celebration overlay triggered on successful matches
- Built-in paytable reference screen
- Fully responsive — works on desktop and mobile
My Contributions
- Designed the complete slot game logic from scratch in JavaScript
- Built a weighted symbol randomisation system for fair-play balance
- Implemented CSS keyframe reel spin animations with staggered timing
- Created dynamic win detection across all 9 symbol combinations
- Designed the full UI — machine cabinet, reels, HUD, paytable modal
- Tuned payout multipliers to maintain engaging but balanced gameplay