|
|
|
@@ -84,40 +84,40 @@ document.addEventListener("DOMContentLoaded", e => { |
|
|
|
const overlay = document.querySelector("#overlay"); |
|
|
|
|
|
|
|
document.addEventListener("mousedown", e => { |
|
|
|
let x = e.clientX - e.target.getBoundingClientRect().x; |
|
|
|
let y = e.clientY - e.target.getBoundingClientRect().y; |
|
|
|
let x = e.pageX - overlay.getBoundingClientRect().x; |
|
|
|
let y = e.pageY - overlay.getBoundingClientRect().y; |
|
|
|
updateOverlay([[x,y]], e.buttons % 2 != 0); |
|
|
|
}); |
|
|
|
|
|
|
|
document.addEventListener("mousemove", e => { |
|
|
|
let x = e.clientX - e.target.getBoundingClientRect().x; |
|
|
|
let y = e.clientY - e.target.getBoundingClientRect().y; |
|
|
|
let x = e.pageX - overlay.getBoundingClientRect().x; |
|
|
|
let y = e.pageY - overlay.getBoundingClientRect().y; |
|
|
|
updateOverlay([[x,y]], e.buttons % 2 != 0); |
|
|
|
}); |
|
|
|
|
|
|
|
document.addEventListener("touchstart", e => { |
|
|
|
let offsetX = e.target.getBoundingClientRect().x; |
|
|
|
let offsetY = e.target.getBoundingClientRect().y; |
|
|
|
let offsetX = overlay.getBoundingClientRect().x; |
|
|
|
let offsetY = overlay.getBoundingClientRect().y; |
|
|
|
|
|
|
|
let touches = []; |
|
|
|
|
|
|
|
for (let i=0; i < e.touches.length; i++) { |
|
|
|
let x = e.touches[i].clientX - offsetX; |
|
|
|
let y = e.touches[i].clientY - offsetY; |
|
|
|
let x = e.touches[i].pageX - offsetX; |
|
|
|
let y = e.touches[i].pageY - offsetY; |
|
|
|
touches.push([x,y]); |
|
|
|
} |
|
|
|
updateOverlay(touches, true); |
|
|
|
}); |
|
|
|
|
|
|
|
document.addEventListener("touchmove", e => { |
|
|
|
let offsetX = e.target.getBoundingClientRect().x; |
|
|
|
let offsetY = e.target.getBoundingClientRect().y; |
|
|
|
let offsetX = overlay.getBoundingClientRect().x; |
|
|
|
let offsetY = overlay.getBoundingClientRect().y; |
|
|
|
|
|
|
|
let touches = []; |
|
|
|
|
|
|
|
for (let i=0; i < e.touches.length; i++) { |
|
|
|
let x = e.touches[i].clientX - offsetX; |
|
|
|
let y = e.touches[i].clientY - offsetY; |
|
|
|
let x = e.touches[i].pageX - offsetX; |
|
|
|
let y = e.touches[i].pageY - offsetY; |
|
|
|
touches.push([x,y]); |
|
|
|
} |
|
|
|
updateOverlay(touches, true); |
|
|
|
|