Started implementing preview rect

At the moment there's a bug in the getCursorPos function, may have something to do with offsets. The rect is correctly drawn, but with a weird offset.

Added vfx canvas for tools previews.
This commit is contained in:
unsettledgames
2020-03-04 15:46:25 +01:00
parent efaa8e3c34
commit 8c94a951e2
9 changed files with 120 additions and 63 deletions

View File

@ -2,6 +2,7 @@
function getCursorPosition(e) {
var x;
var y;
if (e.pageX != undefined && e.pageY != undefined) {
x = e.pageX;
y = e.pageY;
@ -14,5 +15,27 @@ function getCursorPosition(e) {
x -= canvas.offsetLeft;
y -= canvas.offsetTop;
return [x,y];
}
// TODO: apply the function below to every getCursorPosition call
//get cursor position relative to canvas
function getCursorPositionRelative(e, layer) {
var x;
var y;
if (e.pageX != undefined && e.pageY != undefined) {
x = e.pageX;
y = e.pageY;
}
else {
x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
x -= layer.canvas.offsetLeft;
y -= layer.canvas.offsetTop;
return [x,y];
}