SimCity-style toolbar: colored pictogram icons + grouped UX

Browse Source

- All 16 icons redrawn as rich multi-color SVGs (houses, towers,
  factory, plants with smoke, services with badges/crosses, park,
  fountain, stadium) — unique gradient ids, no collisions
- Toolbar grouped under labeled sections: Tools / Zones / Power /
  Safety / Health / Leisure
- Every button shows price (FREE for zones); unaffordable buildings
  dim and turn red as funds change
- Keyboard-shortcut badges on buttons; bigger 30px icons; hover lift
- Floating status chip above the bar shows active tool, price,
  upkeep and coverage radius (SimCity status-bar feel)
- FIX: Game.ui was a method while input.js read it as a property, so
  tool-change UI updates silently never ran; now a proper getter

...

This commit is contained in:

PolyCity

2026-08-23 01:34:23 +00:00

parent 1c0eb70f0f

commit bb6c087490

6 changed files with 294 additions and 80 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

shots/toolbar.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 96 KiB