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

Added correct cursor to move tool

Browse Source 
Added _move.js to handle the selection movement, added cursor managemente for that tool. Found a bug in the imagedata part, it is currently blank.
This commit is contained in:
unsettledgames
2020-03-05 13:34:29 +01:00
parent 7ec24fc046
commit b81e3f36a9
4 changed files with 71 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
js/_rectSelect.js
View File

@ -1,6 +1,8 @@
var isRectSelecting = false;
let startX;
let startY;
let endX;
let endY;
let workingLayer;
let imageData;
@ -29,13 +31,24 @@ function updateRectSelection(mouseEvent) {
function endRectSelection(mouseEvent) {
// Getting the end position
let currentPos = getCursorPosition(mouseEvent);
let x = currentPos[0] / zoom;
let y = currentPos[1] / zoom;
endX = currentPos[0] / zoom;
endY = currentPos[1] / zoom;
// Putting the vfx layer behind everything
isRectSelecting = false;
// Getting the selected pixels
imageData = currentLayer.context.createImageData(x - startX, y - startY);
imageData = currentLayer.context.createImageData(endX - startX, endY - startY);
// Selecting the move tool
currentTool = 'moveselection';
currentToolTemp = currentTool;
// Updating the cursor
updateCursor();
// TODO: find out why the imagedata is blank
for (i=0; i<imageData.data.length; i++) {
console.log("rgba(" + imageData.data[i] + ',' + imageData.data[i + 1] + ',' + imageData.data[i + 2] + ',' + imageData.data[i + 3] + ')');
}
// NOW
// Select the move tool
@ -48,7 +61,7 @@ function endRectSelection(mouseEvent) {
// the image data must be copied to a temporary layer
// the image data is added to the original layer when the move tool is disabled
workingLayer.context.putImageData(imageData, startX, startY);
currentLayer.context.putImageData(imageData, startX, startY);
}
function drawRect(x, y) {
@ -72,4 +85,27 @@ function drawRect(x, y) {
function applyChanges() {
VFXCanvas.style.zIndex = MIN_Z_INDEX;
}
// Checks whether the pointer is inside the selected area or not
function cursorInSelectedArea() {
let cursorPos = getCursorPosition(currentMouseEvent);
let x = cursorPos[0] / zoom;
let y = cursorPos[1] / zoom;
let leftX = Math.min(startX, endX);
let rightX = Math.max(startX, endX);
let topY = Math.max(startY, endY);
let bottomY = Math.min(startY, endY);
// ISSUE: is it <= or <? test it
if (leftX <= x && x <= rightX) {
if (bottomY <= y && y <= topY) {
return true;
}
return false;
}
return false;
}