Improve armor equipment icon silhouettes

This commit is contained in:
2026-07-10 00:24:56 +09:00
parent 0e1613d1da
commit 2aedbdd71c
5 changed files with 280 additions and 99 deletions

View File

@@ -0,0 +1,30 @@
# Armor Equipment Icon Pass
Generated after the armor icon rework in `src/game/scenes/BootScene.ts`.
## Scope
- `oath-robe`
- `reinforced-lamellar`
- `cloth-armor`
- `lamellar-armor`
- `rebel-vest`
## Before and After
| item id | previous helper | current helper | previous primitives | current primitives | audit concerns |
| --- | --- | --- | ---: | ---: | --- |
| `oath-robe` | `drawRobeIcon` | `drawOathRobeIcon` | 7 | 25 | none |
| `reinforced-lamellar` | `drawArmorIcon` | `drawReinforcedLamellarIcon` | 12 | 24 | none |
| `cloth-armor` | `drawRobeIcon` | `drawClothArmorIcon` | 7 | 24 | none |
| `lamellar-armor` | `drawArmorIcon` | `drawLamellarArmorIcon` | 12 | 23 | none |
| `rebel-vest` | `drawVestIcon` | `drawRebelVestIcon` | 4 | 24 | none |
## Browser QA
![Sortie prep armor icon QA](./equipment-icon-armor-sortie-prep.png)
- URL checked: `http://127.0.0.1:4198/heros_web/?debug&debugSortiePrep&renderer=canvas`
- Result: sortie prep opened on a desktop 1280x720 canvas and rendered the generated armor textures in roster, slot, and detail surfaces.
- Browser console warnings/errors: none observed.
- Follow-up target from the updated audit: accessory charms and tokens.

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

View File

@@ -26,27 +26,24 @@ Generated by `scripts/audit-equipment-icon-quality.mjs`.
- weapon spear/polearm family: `green-dragon-glaive`, `serpent-spear`, `sky-piercer-halberd`, `iron-spear`, `western-cavalry-spear`
- The previous shared spear/polearm silhouettes now use item-specific helper shapes with enough primitive detail for 20px and 30px equipment UI reads.
- armor silhouettes: `oath-robe`, `reinforced-lamellar`, `cloth-armor`, `lamellar-armor`, `rebel-vest`
- The previous shared armor and robe silhouettes now use item-specific helper shapes with stronger outer contours and material cues.
## Next Improvement Target
- Target: armor silhouettes
- Item ids: `oath-robe`, `reinforced-lamellar`, `cloth-armor`, `lamellar-armor`, `rebel-vest`
- Reason: Armor and robes are readable but still depend on simple triangular torsos and small color accents; this is now the largest remaining shared-equipment silhouette group.
## Follow-Up Targets
- accessory charms and tokens: `bravery-token`, `mountain-guide-scroll`, `peach-charm`, `war-manual`, `wind-quiver`, `grain-pouch`, `yellow-scarf-charm`
- Accessories are the smallest UI read and several use compact badge-like shapes.
- Target: accessory charms and tokens
- Item ids: `bravery-token`, `mountain-guide-scroll`, `peach-charm`, `war-manual`, `wind-quiver`, `grain-pouch`, `yellow-scarf-charm`
- Reason: Accessories are the smallest UI read and several use compact badge-like shapes.
## Highest-Risk Shared Silhouette Groups
| score | signature | slots | ranks | items |
| ---: | --- | --- | --- | --- |
| 8 | `drawArmorIcon` | armor | common, treasure | `reinforced-lamellar`, `lamellar-armor` |
| 8 | `drawCharmIcon` | accessory | common, treasure | `peach-charm`, `yellow-scarf-charm` |
| 8 | `drawRobeIcon` | armor | common, treasure | `oath-robe`, `cloth-armor` |
| 6 | `drawAxeIcon` | weapon | common | `leader-axe` |
| 6 | `drawSaberIcon` | weapon | common | `yellow-turban-saber` |
| 6 | `drawSwordIcon` | weapon | common | `training-sword` |
| 5 | `drawFanIcon` | weapon | treasure | `white-feather-fan` |
## Full Item Inventory
@@ -63,11 +60,11 @@ Generated by `scripts/audit-equipment-icon-quality.mjs`.
| `training-sword` | weapon | common | `drawSwordIcon` | 1 | 16 | 4 | low primitive detail |
| `western-cavalry-spear` | weapon | common | `drawWesternCavalrySpearIcon` | 1 | 27 | 7 | none |
| `yellow-turban-saber` | weapon | common | `drawSaberIcon` | 1 | 12 | 2 | low primitive detail |
| `oath-robe` | armor | treasure | `drawRobeIcon` | 1 | 7 | 3 | shared helper silhouette<br>low primitive detail |
| `reinforced-lamellar` | armor | treasure | `drawArmorIcon` | 1 | 12 | 3 | shared helper silhouette<br>low primitive detail |
| `cloth-armor` | armor | common | `drawRobeIcon` | 1 | 7 | 3 | shared helper silhouette<br>low primitive detail |
| `lamellar-armor` | armor | common | `drawArmorIcon` | 1 | 12 | 3 | shared helper silhouette<br>low primitive detail |
| `rebel-vest` | armor | common | `drawVestIcon` | 1 | 4 | 3 | low primitive detail |
| `oath-robe` | armor | treasure | `drawOathRobeIcon` | 1 | 25 | 6 | none |
| `reinforced-lamellar` | armor | treasure | `drawReinforcedLamellarIcon` | 1 | 24 | 5 | none |
| `cloth-armor` | armor | common | `drawClothArmorIcon` | 1 | 24 | 6 | none |
| `lamellar-armor` | armor | common | `drawLamellarArmorIcon` | 1 | 23 | 4 | none |
| `rebel-vest` | armor | common | `drawRebelVestIcon` | 1 | 24 | 7 | none |
| `bravery-token` | accessory | treasure | `drawTokenIcon` | 1 | 4 | 2 | low primitive detail |
| `mountain-guide-scroll` | accessory | treasure | `drawMapScrollIcon` | 1 | 13 | 5 | low primitive detail |
| `peach-charm` | accessory | treasure | `drawCharmIcon` | 1 | 4 | 2 | shared helper silhouette<br>low primitive detail |
@@ -78,8 +75,8 @@ Generated by `scripts/audit-equipment-icon-quality.mjs`.
## Recommended Next Batch Definition
- Scope: improve armor silhouettes while keeping `item-${itemId}` texture keys stable.
- Item ids: `oath-robe`, `reinforced-lamellar`, `cloth-armor`, `lamellar-armor`, `rebel-vest`
- Success criteria: Each armor item should keep its slot identity while gaining a distinct outer silhouette and material cue at 20px and 30px.
- Scope: improve accessory charms and tokens while keeping `item-${itemId}` texture keys stable.
- Item ids: `bravery-token`, `mountain-guide-scroll`, `peach-charm`, `war-manual`, `wind-quiver`, `grain-pouch`, `yellow-scarf-charm`
- Success criteria: Each accessory should keep a compact footprint while gaining a distinct readable prop shape at 20px and 30px.
- Keep the existing 64px texture size unless a UI-wide equipment icon pass is planned.
- Add before/after contact sheets and verify the sortie equipment list and equipment swap panel in a desktop browser.