ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: simplify/clarify firing arc algo

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc
2024-04-25 20:06:51 -07:00
parent 1833dfebf1
commit 917058f024
3 changed files with 106 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/map.css
View File

@@ -144,11 +144,15 @@ polygon.firing-arc[data-allegiance="liao"] {
stroke: none;
}
#lines polygon {
#lines polyline, #lines line {
fill: none;
stroke: black;
}
#lines line {
pointer-events: none;
}
.sight-line {
stroke: orangered;
stroke-width: 0.5px;
@@ -203,7 +207,7 @@ g.start-locations > g:last-child {
}
/* Inradius and circumradius values come from the hexagon */
.grid {
.grid, g.start-locations {
--inradius: 8.66px;
--circumradius: 10px;
--x-step: calc(var(--inradius) * 2);
@@ -215,7 +219,7 @@ g[data-y], g.start-locations > g {
transform: translate(var(--translateX), calc(var(--y-step) * var(--i)));
}
g[data-y]:nth-child(even) {
g[data-y]:nth-child(odd) {
--translateX: calc(var(--inradius));
}

49
public/map.svg
View File

@@ -45,35 +45,34 @@
<image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518"/>
</g>
<g id="firing-arcs">
<g id="shapes"/>
<g id="lines"/>
</g>
<g class="board">
<g id="test-arcs">
</g>
<g class="grid">
<g class="start-locations">
<g>
<g data-x="13" class="counter" data-allegiance="liao" data-number="1"><use href="#t-1"/></g>
<g data-x="14" class="counter" data-allegiance="liao" data-number="2"><use href="#t-2"/></g>
<g data-x="15" class="counter" data-allegiance="liao" data-number="3"><use href="#t-3"/></g>
<g data-x="16" class="counter" data-allegiance="liao" data-number="4"><use href="#t-4"/></g>
<g data-x="17" class="counter" data-allegiance="liao" data-number="5"><use href="#t-5"/></g>
<g data-x="18" class="counter" data-allegiance="liao" data-number="6"><use href="#t-6"/></g>
<g data-x="19" class="counter" data-allegiance="liao" data-number="7"><use href="#t-7"/></g>
</g>
<g>
<g data-x="13" class="counter" data-allegiance="davion" data-number="1"><use href="#t-1"/></g>
<g data-x="14" class="counter" data-allegiance="davion" data-number="2"><use href="#t-2"/></g>
<g data-x="15" class="counter" data-allegiance="davion" data-number="3"><use href="#t-3"/></g>
<g data-x="16" class="counter" data-allegiance="davion" data-number="4"><use href="#t-4"/></g>
<g data-x="17" class="counter" data-allegiance="davion" data-number="5"><use href="#t-5"/></g>
<g data-x="18" class="counter" data-allegiance="davion" data-number="6"><use href="#t-6"/></g>
<g data-x="19" class="counter" data-allegiance="davion" data-number="7"><use href="#t-7"/></g>
</g>
<g id="firing-arcs">
<g id="shapes"/>
<g id="lines"/>
</g>
<g class="start-locations">
<g>
<g data-x="13" class="counter" data-allegiance="liao" data-number="1"><use href="#t-1"/></g>
<g data-x="14" class="counter" data-allegiance="liao" data-number="2"><use href="#t-2"/></g>
<g data-x="15" class="counter" data-allegiance="liao" data-number="3"><use href="#t-3"/></g>
<g data-x="16" class="counter" data-allegiance="liao" data-number="4"><use href="#t-4"/></g>
<g data-x="17" class="counter" data-allegiance="liao" data-number="5"><use href="#t-5"/></g>
<g data-x="18" class="counter" data-allegiance="liao" data-number="6"><use href="#t-6"/></g>
<g data-x="19" class="counter" data-allegiance="liao" data-number="7"><use href="#t-7"/></g>
</g>
<g>
<g data-x="13" class="counter" data-allegiance="davion" data-number="1"><use href="#t-1"/></g>
<g data-x="14" class="counter" data-allegiance="davion" data-number="2"><use href="#t-2"/></g>
<g data-x="15" class="counter" data-allegiance="davion" data-number="3"><use href="#t-3"/></g>
<g data-x="16" class="counter" data-allegiance="davion" data-number="4"><use href="#t-4"/></g>
<g data-x="17" class="counter" data-allegiance="davion" data-number="5"><use href="#t-5"/></g>
<g data-x="18" class="counter" data-allegiance="davion" data-number="6"><use href="#t-6"/></g>
<g data-x="19" class="counter" data-allegiance="davion" data-number="7"><use href="#t-7"/></g>
</g>
</g>
<g class="grid">
<g data-y="0">
<g data-x="0"><use href="#hex"/></g>
<g data-x="1"><use href="#hex"/></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 81 KiB