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

Capture pan-zoom pointer sooner

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc 2025-06-16 22:41:33 -07:00
parent f1084b826b
commit b9aa686528
3 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/modules/game/soldier.js
View File

@ -124,14 +124,14 @@ export function place(svg, selected, cell) {
// piecesContainer.append(container);
//}
if (svg.querySelector('.grid').contains(selected)) {
const clone = addMoveToHistory(selected);
updatePlacement(cell, selected, clone)
handleTrace(svg, selected, clone, getCellPosition(cell));
} else {
selected.removeAttribute('data-x');
//if (svg.querySelector('.grid').contains(selected)) {
// const clone = addMoveToHistory(selected);
// updatePlacement(cell, selected, clone)
// handleTrace(svg, selected, clone, getCellPosition(cell));
//} else {
// selected.removeAttribute('data-x');
placeIn(cell, selected);
}
//}
}
export function removeClones(svg, counter) {

5
src/modules/gameboard.js
View File

@ -324,7 +324,10 @@ export function start(el) {
// const defender = { dataset: { allegiance: 'defender', number: 1, squad: 2 }};
//const cell = getCell(0, 0, 0, 0);
//const trooper = soldier.createCounter(attacker, 'blazer');
//soldier.place(svg, trooper, cell);
//const trooperSack = document.createElementNS(svgns, 'g');
//trooperSack.classList.add('cell-contents');
//trooperSack.append(trooper);
//soldier.place(svg, trooperSack, cell);
// Add some counters in an unoccupied cell
//const countersCell = getCell(-1, 1, 0, 0);

5
src/modules/pan-zoom.js
View File

@ -13,7 +13,10 @@ function restorePanZoomVal(el) {
function addEventListeners(svg, el) {
svg.addEventListener('wheel', e => zoom(el, e, zoomFactor), { passive: false });
svg.addEventListener('pointerdown', e => pan(svg, el, e), { passive: false });
svg.addEventListener('pointerdown', e => {
e.target.setPointerCapture(e.pointerId);
pan(svg, el, e), { passive: false };
});
}
function storePanZoomVal(transformMatrix) {