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

WIP: add fallen mech and vehicle templates

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc 2024-07-16 18:57:47 -07:00
parent 5483d4603b
commit e2f6fbe291
3 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/assets/images/counters.svg
View File

@ -81,7 +81,7 @@
<use href="#direction-arrow" fill="black" transform="rotate(-60)"/> <use href="#direction-arrow" fill="black" transform="rotate(-60)"/>
</mask> </mask>
<g id="mech-template-lower" class="lower-body" transform="rotate(0)"> <g id="mech-template-lower" class="lower-body" transform="rotate(0)">
<g class="feet" style="fill: black; fill-opacity: 0.5;"> <g class="feet" style="fill: #706680; fill-opacity: 1;">
<rect id="foot" class="left" x="-16.25" y="5.75" width="34.5" height="12.25" mask="url(#foot-mask)"/> <rect id="foot" class="left" x="-16.25" y="5.75" width="34.5" height="12.25" mask="url(#foot-mask)"/>
<rect class="right" x="-16.25" y="5.75" width="34.5" height="12.25" mask="url(#foot-mask)" transform="scale(1 -1)"/> <rect class="right" x="-16.25" y="5.75" width="34.5" height="12.25" mask="url(#foot-mask)" transform="scale(1 -1)"/>
</g> </g>
@ -127,4 +127,16 @@
<line x1="-31" y1="0" x2="-26" y2="0"/> <line x1="-31" y1="0" x2="-26" y2="0"/>
</g> </g>
</g> </g>
<g id="standing-mech-template">
<image href="counter-sheet-mech-template.png" opacity="0.5" width="74.5" height="74.5" transform="translate(-37.25 -37.25)"/>
</g>
<g id="fallen-mech-template">
<image href="counter-sheet-fallen-mech-template.png" opacity="0.5" width="66" height="26.5" transform="translate(-25 -13.25)"/>
</g>
<g id="vehicle-template">
<image href="counter-sheet-vehicle-template.png" opacity="0.5" width="74.5" height="57.5" transform="translate(-37.25 -28.75)"/>
</g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB

3
public/assets/images/map4.svg
View File

@ -43,6 +43,9 @@
</g> </g>
</g> </g>
<use href="counters.svg#mech-template"/> <use href="counters.svg#mech-template"/>
<use href="counters.svg#fallen-mech-template"/>
<use href="counters.svg#standing-mech-template"/>
<use href="counters.svg#vehicle-template"/>
</defs> </defs>
<g class="gameboard"> <g class="gameboard">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

18
src/modules/gameboard.js
View File

@ -398,15 +398,23 @@ export function start(el) {
arcs.append(leftArc); arcs.append(leftArc);
mech.append(arcs); mech.append(arcs);
const cell = getCell(-4, 6, -2, 0); //const cell = getCell(-4, 6, -2, 0);
//cell.append(mask); //cell.append(mask);
//cell.append(mech); //cell.append(mech);
const mechTemplate = document.createElementNS(svgns, 'use'); //const pt = document.createElementNS(svgns, 'circle');
mechTemplate.setAttribute('href', '#mech-template'); //pt.setAttributeNS(null, 'r', 3);
cell.append(mechTemplate); //pt.setAttributeNS(null, 'fill', 'lime');
console.log(cell); //pt.setAttributeNS(null, 'fill-opacity', 0.5);
//const mechTemplate = document.createElementNS(svgns, 'use');
//mechTemplate.setAttributeNS(null, 'href', '#fallen-mech-template');
//mechTemplate.setAttribute('href', '#standing-mech-template');
//mechTemplate.setAttributeNS(null, 'href', '#vehicle-template');
//cell.append(pt);
//cell.append(mechTemplate);
//console.log(cell);
/////////// ///////////
Observable.subscribe('select', select); Observable.subscribe('select', select);