Web Dev Solutions

Catalin Mititiuc

From 80985eb58aead3441e65f36ac6d5b264bfb5ee0a Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Fri, 28 Jun 2024 15:18:34 -0700 Subject: Update updateSightLine for cube coords --- src/modules/gameboard.js | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) (limited to 'src') diff --git a/src/modules/gameboard.js b/src/modules/gameboard.js index 81d71a3..1cdec7b 100644 --- a/src/modules/gameboard.js +++ b/src/modules/gameboard.js @@ -87,11 +87,14 @@ function clearSightLine() { } function updateSightLine(cell) { - const { dataset: { x: sX }, parentElement: { dataset: { y: sY }}} = cell, - { dataset: { x: tX }, parentElement: { dataset: { y: tY }}} = sightLine.getLockTarget(); + const CURRENT_ELEVATION_LEVEL = 0; + const { q: sq, r: sr, s: ss } = cell.dataset; + const { q: tq, r: tr, s: ts } = sightLine.getLockTarget().dataset; + const sourceIndex = { q: +sq, r: +sr, s: +ss }; + const targetIndex = { q: +tq, r: +tr, s: +ts }; - const selector = sightLine.calcIndexes(+sX, +sY, +tX, +tY) - .map(([x, y]) => `g.grid g[data-y="${y}"] g[data-x="${x}"] use[href="#hex"]`) + const selector = sightLine.calcIndexes(sourceIndex, targetIndex) + .map(({ q, r, s }) => `g[data-q="${q}"][data-r="${r}"][data-s="${s}"][data-t="${CURRENT_ELEVATION_LEVEL}"] use[href="#hex"]`) .join(', '); const hexes = svg.querySelectorAll(selector); -- cgit v1.2.3