| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-04-28 16:46:25 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-04-28 16:46:25 -0700 |
| commit | 3e521e2f64809edc47f50f7215a6a05dd32b69dc (patch) | |
| tree | c82fcea9de791b5090383a4cbf3ad10a92cc06e0 /src | |
| parent | 4ce55ea0cd7db1077bc7919ee976458c900c968c (diff) | |
Rename element class 'board' to 'gameboard'
Diffstat (limited to 'src')
| -rw-r--r-- | src/map.js | 13 | ||||
| -rw-r--r-- | src/modules/game/soldier.js | 2 | ||||
| -rw-r--r-- | src/modules/gameboard.js | 2 |
3 files changed, 10 insertions, 7 deletions
@@ -1,18 +1,21 @@ const svgns = "http://www.w3.org/2000/svg"; +const dataset = document.currentScript.dataset; const svg = document.querySelector('svg'); -const cellTemplate = svg.querySelector('#hex'); const gb = svg.querySelector('.gameboard'); const bg = svg.querySelector('#background'); const imageMaps = svg.querySelector('#image-maps'); -const grid = gb.querySelector('.grid'); -const dataset = document.currentScript.dataset; + if ('cols' in dataset && 'rows' in dataset) { + const cellTemplate = svg.querySelector('#hex'); + const grid = gb.querySelector('.grid'); + createCells(grid, dataset, cellTemplate.id); - setElAttrs(bg, calcComputedBboxFor(imageMaps)); - svg.setAttribute('viewBox', formatForViewBox(calcComputedBboxFor(gb))); } +setElAttrs(bg, calcComputedBboxFor(imageMaps)); +svg.setAttribute('viewBox', formatForViewBox(calcComputedBboxFor(gb))); + function setElAttrs(el, attrs) { for (key in attrs) { el.setAttributeNS(null, key, attrs[key]); diff --git a/src/modules/game/soldier.js b/src/modules/game/soldier.js index 0d75fc6..922faca 100644 --- a/src/modules/game/soldier.js +++ b/src/modules/game/soldier.js @@ -77,7 +77,7 @@ export function place(svg, selected, cell) { trace.dataset.allegiance = selected.dataset.allegiance; trace.classList.add('move-trace'); - svg.querySelector('.board').prepend(trace); + svg.querySelector('.gameboard').prepend(trace); } else { points = `${trace.getAttribute('points')} ${current.x},${current.y}`; } diff --git a/src/modules/gameboard.js b/src/modules/gameboard.js index 7623a31..9d054d0 100644 --- a/src/modules/gameboard.js +++ b/src/modules/gameboard.js @@ -105,7 +105,7 @@ function drawSightLine(sourceCell, targetCell) { const hexes = svg.querySelectorAll(selector); sightLine.setHexes(hexes); const line = sightLine.create(getCellPosition(sourceCell), getCellPosition(targetCell)); - svg.querySelector('.board').appendChild(line); + svg.querySelector('.gameboard').appendChild(line); distanceCallback && distanceCallback(hexes.length - 1); } |