How shankar-kb/aoe2-team-civ-picker works
This is a browser-based Age of Empires II team and civilization picker. Users configure players and civilization/map pools, generate a match, and view team assignments; the app can also display player ratings. The sampled controller shows match rendering, civilization-pool editing, and map-search controls. The README gives only the product name and links, and the source excerpts are partial, so uncertain wiring to the JSON data files and map assets is omitted.
Main entry points: script.js Picker controller · utils.js Selection utilities · index.html Web page · icons Civilization icons
Components 13
Picker interface
- Web page
index.html - Picker controller
script.js - Match display
script.js
Match selection
- Civilization pools
script.js - Map pools
script.js - Team assignment
script.js - Selection utilities
utils.js
App resources
- Civilization data
all-civs.json - Player data
player-data.json - Civilization icons
assets/img/icons - UI sounds
assets/sound
Other components
- Player
- Rating service
Connections 13
- Player → Web page: opens
- Web page → Picker controller: loads
- Player → Picker controller: configures
- Picker controller → Civilization pools: edits
- Picker controller → Map pools: edits
- Picker controller → Team assignment: generates
- Team assignment → Selection utilities: uses selection helpers
- Picker controller → Selection utilities: builds elements
- Picker controller → Match display: renders
- Match display → Civilization icons: loads icons
- Picker controller → UI sounds: plays audio
- Picker controller → Selection utilities: requests ratings
- Selection utilities → Rating service: fetches ratings