Pause menu: shared map blur, PC back, Xbox glyphs

Wrap map art and markers in a new .map-world so blur, pan and zoom animate together; add a PC-facing top-left ESC BACK button and a map-mode prompt bar using Xbox PNG glyphs. Implement JS glyph-tinting, map-mode enter/exit logic, and pan/zoom handlers; update styles for .map-world, markers, prompt bars, and the PC back button. Add Xbox icon assets and update deploy/stage scripts to copy them. Update changelog and dev-log entries to document the changes.
This commit is contained in:
2026-07-04 17:41:29 +12:00
parent 7c1346c95d
commit 38b6011de8
17 changed files with 483 additions and 60 deletions
+59
View File
@@ -7,6 +7,65 @@ failed experiments, successful tests, and next steps.
---
## 2026-07-04 - Pause Menu Markers Share Map Blur
### Summary
Player and ally map markers were either sharp on the pause blur or fading on a separate opacity timing. Map art and markers now live under one `.map-world` wrapper that owns the blur/pan/zoom, so markers animate as part of the map.
### Files Changed
- `ui/views/CommonwealthOnline/pause-menu/index.html`
- `ui/views/CommonwealthOnline/pause-menu/styles.css`
- `ui/views/CommonwealthOnline/pause-menu/script.js`
- `changelog.md`
### Details
- Wrapped `.map-layer` and `.map-markers` in `#mapWorld`
- Filter and transform apply once on `.map-world` (`filter 200ms ease-out`)
- Map mode toggles `is-blurred` / `is-interactive` on the wrapper; pan/zoom listeners attach there too
### Testing
- Open `ui/views/CommonwealthOnline/pause-menu/index.html` in a browser
- On the pause screen, markers should only read as soft map detail under the blur (not sharp overlays)
- Enter/exit MAP and confirm markers unblur and blur with the map, not ahead of it
### Known Issues
- None currently known
### Next Steps
- Integrate into in-game pause flow via PrismaUI_F4 HTML layer
---
## 2026-07-04 - Pause Menu Map PC Back Button
### Summary
Added a clear PC-facing back control on the pause menu map. The bottom B BACK prompt stays as a passive controller hint; mouse users get a dedicated top-left button with an ESC keycap and BACK label.
### Files Changed
- `ui/views/CommonwealthOnline/pause-menu/index.html`
- `ui/views/CommonwealthOnline/pause-menu/styles.css`
- `ui/views/CommonwealthOnline/pause-menu/script.js`
- `changelog.md`
### Details
- Map mode shows a panel-styled `map-pc-back` button (top-left) that calls `exitMapMode`
- Button fades in after the left panel (logo) finishes hiding (200ms delay), and fades out immediately on exit so it never overlaps the logo
- Controller prompt bar BACK is a non-interactive prompt again (matches MOVE / ZOOM / SELECT)
- Escape key already exits map mode; the button mirrors that for pointer users
### Testing
- Open `ui/views/CommonwealthOnline/pause-menu/index.html` in a browser
- Click MAP, confirm the top-left ESC BACK button appears and the bottom bar still shows B BACK
- Click the PC button (or press Escape) and confirm the pause menu returns
### Known Issues
- None currently known
### Next Steps
- Integrate into in-game pause flow via PrismaUI_F4 HTML layer
---
## 2026-07-03 - Pause Menu UI Concept Prototype
### Summary