mirror/pixel-editor
1
0
Fork 0
mirror of https://github.com/lospec/pixel-editor.git synced 2023-08-10 21:12:51 +03:00
Code Issues Projects Releases Wiki Activity

Started implementing preview rect

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

42
js/_rectSelect.js
View File

@ -1,13 +1,45 @@
var isRectSelecting = false;
let startX;
let startY;
function startRectSelection() {
function startRectSelection(mouseEvent) {
// Putting the vfx layer on top of everything
VFXCanvas.style.zIndex = MAX_Z_INDEX;
console.log("Started selecting");
// Saving the start coords of the rect
cursorPos = getCursorPositionRelative(mouseEvent, VFXCanvas)
startX = cursorPos[0];
startY = cursorPos[1];
// Drawing the rect
drawRect(startX, startY);
}
function updateRectSelection() {
console.log("Editing selecting");
function updateRectSelection(mouseEvent) {
pos = getCursorPositionRelative(mouseEvent, VFXCanvas);
// Drawing the rect
drawRect(pos[0], pos[1]);
}
function endRectSelection() {
function endRectSelection(mouseEvent) {
console.log("Finished selecting");
}
// Putting the vfx layer behind everything
//VFXCanvas.style.zIndex = MIN_Z_INDEX;
isRectSelecting = false;
}
function drawRect(x, y) {
console.log("Currently selecting");
// Getting the vfx context
let vfxContext = VFXCanvas.getContext("2d");
// Clearing the vfx canvas
vfxContext.clearRect(0, 0, VFXCanvas.width, VFXCanvas.height);
// Drawing the rect
vfxContext.beginPath();
vfxContext.rect(startX, startY, x - startX, y - startY);
vfxContext.stroke();
}
// TODO: esc to exit selection mode