mirror of
https://github.com/cliffe/BreakEscape.git
synced 2026-02-20 13:50:46 +00:00
Fixed the no dragging issue
This commit is contained in:
37
index.html
37
index.html
@@ -2791,27 +2791,30 @@
|
||||
cell.dataset.dustLevel = '0';
|
||||
cell.dataset.hasFingerprint = fingerprintCells.has(`${x},${y}`);
|
||||
|
||||
let isDragging = false;
|
||||
|
||||
// Add dusting interaction
|
||||
cell.addEventListener('mousedown', () => isDragging = true);
|
||||
cell.addEventListener('mouseup', () => isDragging = false);
|
||||
cell.addEventListener('mouseleave', () => isDragging = false);
|
||||
cell.addEventListener('mousemove', (e) => {
|
||||
if (!isDragging) return;
|
||||
|
||||
const dustLevel = parseInt(cell.dataset.dustLevel);
|
||||
if (dustLevel < 3) {
|
||||
cell.dataset.dustLevel = (dustLevel + 1).toString();
|
||||
updateCellColor(cell);
|
||||
checkProgress();
|
||||
}
|
||||
});
|
||||
|
||||
gameContainer.appendChild(cell);
|
||||
}
|
||||
}
|
||||
|
||||
// Add dragging interaction at container level
|
||||
let isDragging = false;
|
||||
gameContainer.addEventListener('mousedown', () => isDragging = true);
|
||||
gameContainer.addEventListener('mouseup', () => isDragging = false);
|
||||
gameContainer.addEventListener('mouseleave', () => isDragging = false);
|
||||
gameContainer.addEventListener('mousemove', (e) => {
|
||||
if (!isDragging) return;
|
||||
|
||||
// Get the cell element under the cursor
|
||||
const cell = document.elementFromPoint(e.clientX, e.clientY);
|
||||
if (cell && cell.dataset.dustLevel !== undefined) {
|
||||
const dustLevel = parseInt(cell.dataset.dustLevel);
|
||||
if (dustLevel < 3) {
|
||||
cell.dataset.dustLevel = (dustLevel + 1).toString();
|
||||
updateCellColor(cell);
|
||||
checkProgress();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function updateCellColor(cell) {
|
||||
const dustLevel = parseInt(cell.dataset.dustLevel);
|
||||
const hasFingerprint = cell.dataset.hasFingerprint === 'true';
|
||||
|
||||
Reference in New Issue
Block a user