gauvain/star-wars-wild-space
Private
Public Access
1
0
Fork 0
Code Activity

feat(gameplay): Adding a military power section to exploit population numbers and steal ennemy tiles

Browse Source
This commit is contained in:
gauvainboiche
2026-03-31 18:27:08 +02:00
parent e04560c7f9
commit 570d83c3c0
10 changed files with 587 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
public/index.html
View File

@@ -224,6 +224,25 @@
</div>
</details>
<!-- Military power (collapsible) -->
<details class="panel panelCollapsible">
<summary class="panelTitle panelTitleSummary">⚔️ Puissance Militaire</summary>
<div class="milPowerTotals">
<span class="milPowerTeam milPowerTeam--blue">
<span class="milPowerLabel">Résistance</span>
<span class="milPowerVal" id="milPowerBlue">0.0</span>
</span>
<span class="milPowerSep">—</span>
<span class="milPowerTeam milPowerTeam--red">
<span class="milPowerVal" id="milPowerRed">0.0</span>
<span class="milPowerLabel">Premier Ordre</span>
</span>
</div>
<div id="militaryTableBody" class="econTableWrap">
<p class="econEmpty">Chargement…</p>
</div>
</details>
</aside>
<!-- ── Galaxy (square, 1000×1000, fixed ratio) ────────────────────────── -->
@@ -232,6 +251,19 @@
<button type="button" id="burgerBtn" class="burgerBtn" aria-label="Open menu">☰</button>
<canvas id="canvas" width="1000" height="1000"></canvas>
<div id="hint" class="hint">Cliquez sur une tuile. Les stats seront vides à moins de cliquer.</div>
<!-- Military attack confirmation modal -->
<div class="attackOverlay hidden" id="attackOverlay">
<div class="attackModal">
<div class="attackModal__icon">⚔️</div>
<div class="attackModal__title">Attaque Militaire</div>
<div class="attackModal__body" id="attackModalBody"></div>
<div class="attackModal__actions">
<button type="button" class="attackModal__btn attackModal__btn--cancel" id="attackModalNo">Annuler</button>
<button type="button" class="attackModal__btn attackModal__btn--confirm" id="attackModalYes">Attaquer !</button>
</div>
</div>
</div>
</main>
</div>