47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
// info div, sometimes hidden
|
|
let mouseXInfo = document.getElementById("mouseX");
|
|
let mouseYInfo = document.getElementById("mouseY");
|
|
let canvasXInfo = document.getElementById("canvasX");
|
|
let canvasYInfo = document.getElementById("canvasY");
|
|
let snapXInfo = document.getElementById("snapX");
|
|
let snapYInfo = document.getElementById("snapY");
|
|
let heldButtonInfo = document.getElementById("heldButton");
|
|
|
|
mouse.listen.window.onmousemove.on((evn) => {
|
|
mouseXInfo.textContent = evn.x;
|
|
mouseYInfo.textContent = evn.y;
|
|
});
|
|
|
|
mouse.listen.world.onmousemove.on((evn) => {
|
|
canvasXInfo.textContent = evn.x;
|
|
canvasYInfo.textContent = evn.y;
|
|
snapXInfo.textContent = evn.x + snap(evn.x);
|
|
snapYInfo.textContent = evn.y + snap(evn.y);
|
|
|
|
if (debug) {
|
|
debugLayer.clear();
|
|
debugCtx.fillStyle = "#F0F";
|
|
debugCtx.beginPath();
|
|
debugCtx.arc(viewport.cx, viewport.cy, 5, 0, Math.PI * 2);
|
|
debugCtx.fill();
|
|
|
|
debugCtx.fillStyle = "#0FF";
|
|
debugCtx.beginPath();
|
|
debugCtx.arc(evn.x, evn.y, 5, 0, Math.PI * 2);
|
|
debugCtx.fill();
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Toggles the debug layer (Just run toggledebug() in the console)
|
|
*/
|
|
const toggledebug = () => {
|
|
const hidden = debugCanvas.style.display === "none";
|
|
if (hidden) {
|
|
debugLayer.unhide();
|
|
debug = true;
|
|
} else {
|
|
debugLayer.hide();
|
|
debug = false;
|
|
}
|
|
};
|