Skip to content

Added In-Game Map Simulation and Team Colors to Preview - #48

Merged
BrayFlex merged 3 commits into
mainfrom
dev
Aug 16, 2026
Merged

Added In-Game Map Simulation and Team Colors to Preview #48
BrayFlex merged 3 commits into
mainfrom
dev

Conversation

@BrayFlex

Copy link
Copy Markdown
Owner

Layer patterns over 9 real in-game maps with the 🗺 popover, and preview

team-game colors in radial sections.

  • Add map-simulation module with a toggle-switch popover, alphabetical map
    picker (World, Alps, Two Lakes, Arctic, Mare Nostrum, Gulf of St. Lawrence,
    Australia, Baikal, South America), land-only masking and in-game territory
    fill so the preview matches the in-game map view at any zoom
  • Add "Show Team Colors" toggle that replaces the primary color with each of
    the 7 team colors in radial wedges from the canvas center
  • Both controls use toggle switches; the Simulate Map toggle follows selection
    (turns off when the selected map is clicked again)
  • Popover polish: 256px frosted-glass panel, selected map highlighted instead
    of checkmarked, dark preview background to stop primary-color bleed
  • Add zero-dependency scripts/render-maps.mjs (npm run render:maps) that
    pre-renders map + land-mask PNGs and the maps.json registry from an
    OpenFrontIO checkout; bundle them under src/maps and src/data

Add Copy Image Button & Team-Color Icon Tint to Preview

  • Move Game Simulations button next to the preview zoom controls
  • Add Copy image (⎙) button that copies the preview as a PNG to the clipboard
  • Tint the map button with the 7 team colors while Simulate Teams is on
  • Small fixes to: UI spacing on popovers to create uniformity, size tick display, color display area in floating preview and font imports.
  • Preview Header Redesign:

[⇥] Preview [− 100% +] …… 🗺 ⎙ [❐]

Layer patterns over 9 real in-game maps with the 🗺 popover, and preview
team-game colors in radial sections.

- Add map-simulation module with a toggle-switch popover, alphabetical map
  picker (World, Alps, Two Lakes, Arctic, Mare Nostrum, Gulf of St. Lawrence,
  Australia, Baikal, South America), land-only masking and in-game territory
  fill so the preview matches the in-game map view at any zoom
- Add "Show Team Colors" toggle that replaces the primary color with each of
  the 7 team colors in radial wedges from the canvas center
- Both controls use toggle switches; the Simulate Map toggle follows selection
  (turns off when the selected map is clicked again)
- Popover polish: 256px frosted-glass panel, selected map highlighted instead
  of checkmarked, dark preview background to stop primary-color bleed
- Add zero-dependency scripts/render-maps.mjs (npm run render:maps) that
  pre-renders map + land-mask PNGs and the maps.json registry from an
  OpenFrontIO checkout; bundle them under src/maps and src/data
- Document map rendering in code comments; move usage out of README, update
  CHANGELOG
Add Copy Image Button & Team-Color Icon Tint to Preview

- Move Game Simulations button next to the preview zoom controls
- Add Copy image (⎙) button that copies the preview as a PNG to the clipboard
- Tint the map button with the 7 team colors while Simulate Teams is on
- Small fixes to: UI spacing on popovers to create uniformity, size tick display, color display area in floating preview and font imports.
- Preview Header Redesign:
[⇥] Preview [− 100% +] …… 🗺 ⎙ [❐]
@BrayFlex BrayFlex self-assigned this Aug 16, 2026
@BrayFlex
BrayFlex merged commit 0eb2d8f into main Aug 16, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant