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

Fix firing arc position

Browse Source
This commit is contained in:
Catalin Mititiuc 2024-04-05 16:42:26 -07:00
parent e8f0dde6da
commit ea400e2de3
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.js
View File

@ -695,6 +695,11 @@ POINTS.forEach((row, index) => row.forEach(([x, y]) => {
group.addEventListener('contextmenu', e => { group.addEventListener('contextmenu', e => {
e.preventDefault(); e.preventDefault();
// if the sight line is active
// lock it
// otherwise
// try to draw sightline from active counter to click location
let sl = svg.querySelector('.sight-line'); let sl = svg.querySelector('.sight-line');
if (sl) { if (sl) {
@ -851,9 +856,11 @@ document.querySelectorAll('.set-firing-arc').forEach(el => el.addEventListener('
let outlineLayer = document.getElementById('lines'); let outlineLayer = document.getElementById('lines');
let arcContainer = document.getElementById('firing-arcs'); let arcContainer = document.getElementById('firing-arcs');
let [x, y] = counter.parentElement.getAttribute('transform').match(/-?\d+\.?\d*/g);
let grid = document.getElementById('grid'); let grid = document.getElementById('grid');
const transform = getComputedStyle(grid).transform.match(/-?\d+\.?\d*/g); const transform = getComputedStyle(grid).transform.match(/-?\d+\.?\d*/g);
const pt = new DOMPoint(counter.getAttribute('x'), counter.getAttribute('y')); const pt = new DOMPoint(x, y);
const mtx = new DOMMatrix(transform); const mtx = new DOMMatrix(transform);
let tPt = pt.matrixTransform(mtx); let tPt = pt.matrixTransform(mtx);