|
|
@@ -1994,12 +1994,19 @@ document.addEventListener("DOMContentLoaded", () => { |
|
|
panning = true; |
|
|
panning = true; |
|
|
panOffsetX = e.clientX; |
|
|
panOffsetX = e.clientX; |
|
|
panOffsetY = e.clientY; |
|
|
panOffsetY = e.clientY; |
|
|
|
|
|
|
|
|
|
|
|
Object.keys(entities).forEach(key => { |
|
|
|
|
|
document.querySelector("#entity-" + key).classList.add("no-transition"); |
|
|
|
|
|
}); |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelector("#world").addEventListener("mouseup", e => { |
|
|
document.querySelector("#world").addEventListener("mouseup", e => { |
|
|
if (e.which == 2) { |
|
|
if (e.which == 2) { |
|
|
panning = false; |
|
|
panning = false; |
|
|
|
|
|
Object.keys(entities).forEach(key => { |
|
|
|
|
|
document.querySelector("#entity-" + key).classList.remove("no-transition"); |
|
|
|
|
|
}); |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
@@ -2008,10 +2015,16 @@ document.addEventListener("DOMContentLoaded", () => { |
|
|
panOffsetX = e.touches[0].clientX; |
|
|
panOffsetX = e.touches[0].clientX; |
|
|
panOffsetY = e.touches[0].clientY; |
|
|
panOffsetY = e.touches[0].clientY; |
|
|
e.preventDefault(); |
|
|
e.preventDefault(); |
|
|
|
|
|
Object.keys(entities).forEach(key => { |
|
|
|
|
|
document.querySelector("#entity-" + key).classList.add("no-transition"); |
|
|
|
|
|
}); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelector("#world").addEventListener("touchend", e => { |
|
|
document.querySelector("#world").addEventListener("touchend", e => { |
|
|
panning = false; |
|
|
panning = false; |
|
|
|
|
|
Object.keys(entities).forEach(key => { |
|
|
|
|
|
document.querySelector("#entity-" + key).classList.remove("no-transition"); |
|
|
|
|
|
}); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelector("body").appendChild(testCtx.canvas); |
|
|
document.querySelector("body").appendChild(testCtx.canvas); |
|
|
@@ -2867,7 +2880,7 @@ document.addEventListener("mousemove", (e) => { |
|
|
panOffsetY = e.clientY; |
|
|
panOffsetY = e.clientY; |
|
|
updateSizes(); |
|
|
updateSizes(); |
|
|
panReady = false; |
|
|
panReady = false; |
|
|
setTimeout(() => panReady=true, 50); |
|
|
|
|
|
|
|
|
setTimeout(() => panReady=true, 1000/120); |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
|