How tarmizie-razali/mlbb-roulette works
Hero Roulette is a static, single-page MLBB hero picker. A user selects lane or role filters, starts an animated draw from the matching roster, and sees the winning hero; recent picks appear in a history strip. The README documents roster data, placeholder portraits with optional slug-named artwork, responsive presentation, and Google Fonts. The tree contains index.html but no source excerpts, so component boundaries and wiring are based on README-described behavior rather than inspected implementation.
Main entry points: index.html Animated draw · images Optional hero artwork
Components 10
Picker interaction
- Picker page
index.html - Lane and role filters
index.html - Responsive presentation
index.html
Draw and history
- Animated draw
index.html - Recent picks
index.html
Roster and portraits
- Hero roster
index.html - Hero portrait
index.html - Optional hero artwork
images
Other components
- User
- Google Fonts
Connections 10
- User → Picker page: opens
- User → Lane and role filters: selects
- User → Animated draw: starts
- Picker page → Responsive presentation: renders
- Lane and role filters → Animated draw: filters pool
- Hero roster → Animated draw: supplies heroes
- Animated draw → Hero portrait: shows pick
- Animated draw → Recent picks: records pick
- Optional hero artwork → Hero portrait: provides images
- Google Fonts → Picker page: styles text