Overview
Glazebreakers Champion Select is a complete pick screen for a team hero brawler or MOBA. Eight ceramic warriors sit in a roster grouped by Tank, Striker and Support, and each role heading filters the roster. Selecting a champion fills the screen with a large portrait, name, title, role, difficulty, four abilities and skin finishes, while the left column shows your team's picks and a 30 second timer that turns urgent near the end. Champions taken by a teammate are marked, locked skins say how to earn them, and a hold-to-lock button confirms the pick, with an automatic lock when time runs out. You get the working screen as a Vite and TypeScript project with a ready to serve build, and every control works with mouse, touch, keyboard and gamepad. For game engines the package includes nine full screen states and eight components cut out on transparent backgrounds, each as PNG at 1920x1080 scale and exactly double at @2x, the 24 ability icons as separate SVG files, a layout guide as SVG and a transparent 1024 px icon. The champions are original art made for this screen.
Highlights
- Working Vite and TypeScript screen
- 9 full screen states at 1x and @2x
- 8 components on transparent backgrounds
- 24 ability icons as SVG
- Mouse, touch, keyboard and gamepad









