๐ 1st Place Winner of the $5,000 Bovada Plinko Challenge
A polished, high-performance Plinko game featuring a cosmic aesthetic, physics-based gameplay, immersive audio, and PWA support โ designed to be played anywhere, anytime.
๐ฎ Play the Live Game
๐ฑ Install as a PWA โข โ๏ธ Setup & Development โข ๐ฌ Tech Overview
Cosmic Plinko is a space-themed, browser-based Plinko game that won 1st place ๐ in the $5,000 #BovadaPlinkoChallenge.
The game combines fast-paced, physics-based ball simulation with electric multipliers, free drops, and immersive audio for a fully polished arcade experience.
- ๐ฏ Realistic Ball Physics โ Simulated gravity, bounce, velocity, and randomness
- โก Electric Multiplier Lines โ Boost prizes by 2xโ5x with stackable multiplier zones
- ๐ Free Drops Mode โ Trigger bonus balls and win extra payouts
- ๐ Turbo Mode โ 2x speed gameplay for faster action
- ๐ต Immersive Audio โ Web Audio API-powered background music and effects
- ๐ Live Balance Tracker โ Real-time tracking of total wins, losses, and bets
- ๐ฑ Progressive Web App (PWA) โ Works offline, installable on mobile and desktop
- ๐จ Cosmic Theme โ Floating aliens, glowing UI, particle FX, and clean visuals
- Node.js v18+
- npm or yarn
git clone https://github.com/BrockAltug/cosmic-plinko.git
cd cosmic-plinko
npm install
npm run devVisit http://localhost:3000 to play locally.
npm run build
npm start- Chrome/Edge: Click install icon in the address bar
- Safari: File โ Add to Dock
iOS (Safari)
- Tap Share โ Add to Home Screen
Android (Chrome)
- Tap Menu (โฎ) โ Add to Home Screen
- Choose Your Bet: Select from $0.50 to $10.00 per ball
- Select Ball Count: Drop 1 to 10 balls simultaneously
- Hit DROP or Press SPACEBAR to release the balls
- Balls bounce through pegs and land on multiplier slots
- Win Based on Multiplier ร Bet
- Electric Multiplier Lines: Boost payout by up to 5x per line hit
- Free Drops: Trigger auto-play bonus rounds with enhanced multipliers
- Turbo Mode: Double speed for quick plays with same win odds
- #Next.js โ App Router, server/client optimization
- #TypeScript โ Type-safe logic and scalable architecture
- #TailwindCSS โ Modern utility-first design
- #CanvasAPI โ High-performance graphics for rendering gameplay
- #WebAudioAPI โ Reactive audio effects and background music
- #PWA โ Offline support, service workers, installable experience
- #HTML5 + #CSS3 โ Seamless web compatibility
- #GitHub โ Version control & open-source collaboration
| Platform | Support | Status |
|---|---|---|
| Desktop | PWA + Audio | โ |
| iOS | PWA (Add to Home Screen) | โ |
| Android | Full PWA | โ |
| Chrome | Full | โ |
| Safari | Limited PWA | โ |
| Firefox | Full | โ |
- ๐ #BovadaPlinkoChallenge for the opportunity and prize
- ๐ Next.js & Vercel for blazing-fast deployment
- ๐ง Web APIs โ Canvas, Audio, PWA standards
- ๐ Built with love for the browser gaming community