|
|
@@ -467,7 +467,14 @@ testCanvas.id = "test-canvas"; |
|
|
|
|
|
|
|
|
const testCtx = testCanvas.getContext("2d"); |
|
|
const testCtx = testCanvas.getContext("2d"); |
|
|
function testClick(event) { |
|
|
function testClick(event) { |
|
|
|
|
|
|
|
|
|
|
|
// oh my god I can't believe I'm doing this |
|
|
|
|
|
|
|
|
const target = event.target; |
|
|
const target = event.target; |
|
|
|
|
|
if (navigator.userAgent.indexOf("Firefox") != -1) { |
|
|
|
|
|
clickDown(target.parentElement, event.clientX, event.clientY); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// Get click coordinates |
|
|
// Get click coordinates |
|
|
|
|
|
|
|
|
let w = target.width; |
|
|
let w = target.width; |
|
|
@@ -504,7 +511,6 @@ function testClick(event) { |
|
|
const oldDisplay = target.style.display; |
|
|
const oldDisplay = target.style.display; |
|
|
target.style.display = "none"; |
|
|
target.style.display = "none"; |
|
|
const newTarget = document.elementFromPoint(event.clientX, event.clientY); |
|
|
const newTarget = document.elementFromPoint(event.clientX, event.clientY); |
|
|
console.log(newTarget); |
|
|
|
|
|
newTarget.dispatchEvent(new MouseEvent(event.type, { |
|
|
newTarget.dispatchEvent(new MouseEvent(event.type, { |
|
|
"clientX": event.clientX, |
|
|
"clientX": event.clientX, |
|
|
"clientY": event.clientY |
|
|
"clientY": event.clientY |
|
|
@@ -544,6 +550,9 @@ function displayEntity(entity, view, x, y) { |
|
|
|
|
|
|
|
|
const img = document.createElement("img"); |
|
|
const img = document.createElement("img"); |
|
|
img.classList.add("entity-image"); |
|
|
img.classList.add("entity-image"); |
|
|
|
|
|
img.addEventListener("dragstart", e => { |
|
|
|
|
|
e.preventDefault(); |
|
|
|
|
|
}); |
|
|
const nameTag = document.createElement("div"); |
|
|
const nameTag = document.createElement("div"); |
|
|
nameTag.classList.add("entity-name"); |
|
|
nameTag.classList.add("entity-name"); |
|
|
nameTag.innerText = entity.name; |
|
|
nameTag.innerText = entity.name; |
|
|
|