72 lines
2.6 KiB
JavaScript
72 lines
2.6 KiB
JavaScript
var imageDataToMove;
|
|
var originalDataPosition;
|
|
var canMoveSelection = false;
|
|
var lastMovePos;
|
|
var selectionCanceled = true;
|
|
var firstTimeMove = true;
|
|
|
|
// TODO: move with arrows
|
|
function updateMovePreview(mouseEvent) {
|
|
// ISSUE
|
|
selectionCanceled = false;
|
|
|
|
if (firstTimeMove) {
|
|
cutSelection(mouseEvent);
|
|
}
|
|
|
|
firstTimeMove = false;
|
|
|
|
lastMousePos = getCursorPosition(mouseEvent);
|
|
// clear the entire tmp layer
|
|
TMPLayer.context.clearRect(0, 0, TMPLayer.canvas.width, TMPLayer.canvas.height);
|
|
// put the image data with offset
|
|
TMPLayer.context.putImageData(
|
|
imageDataToMove,
|
|
Math.round(lastMousePos[0] / zoom - imageDataToMove.width / 2),
|
|
Math.round(lastMousePos[1] / zoom - imageDataToMove.height / 2));
|
|
|
|
lastMovePos = lastMousePos;
|
|
moveSelection(lastMousePos[0] / zoom, lastMousePos[1] / zoom, imageDataToMove.width, imageDataToMove.height);
|
|
}
|
|
|
|
function endSelection() {
|
|
TMPLayer.context.clearRect(0, 0, TMPLayer.canvas.width, TMPLayer.canvas.height);
|
|
VFXLayer.context.clearRect(0, 0, VFXLayer.canvas.width, VFXLayer.canvas.height);
|
|
|
|
if (imageDataToMove !== undefined) {
|
|
let underlyingImageData = currentLayer.context.getImageData(startX, startY, endX - startX, endY - startY);
|
|
|
|
for (let i=0; i<underlyingImageData.data.length; i+=4) {
|
|
let currentMovePixel = [
|
|
imageDataToMove.data[i], imageDataToMove.data[i+1],
|
|
imageDataToMove.data[i+2], imageDataToMove.data[i+3]
|
|
];
|
|
|
|
let currentUnderlyingPixel = [
|
|
underlyingImageData.data[i], underlyingImageData.data[i+1],
|
|
underlyingImageData.data[i+2], underlyingImageData.data[i+3]
|
|
];
|
|
|
|
if (isPixelEmpty(currentMovePixel)) {
|
|
if (!isPixelEmpty(underlyingImageData)) {
|
|
imageDataToMove.data[i] = currentUnderlyingPixel[0];
|
|
imageDataToMove.data[i+1] = currentUnderlyingPixel[1];
|
|
imageDataToMove.data[i+2] = currentUnderlyingPixel[2];
|
|
imageDataToMove.data[i+3] = currentUnderlyingPixel[3];
|
|
}
|
|
}
|
|
}
|
|
|
|
if (lastMovePos !== undefined) {
|
|
currentLayer.context.putImageData(
|
|
imageDataToMove,
|
|
Math.round(lastMovePos[0] / zoom - imageDataToMove.width / 2),
|
|
Math.round(lastMovePos[1] / zoom - imageDataToMove.height / 2));
|
|
}
|
|
}
|
|
|
|
selectionCanceled = true;
|
|
isRectSelecting = false;
|
|
firstTimeMove = true;
|
|
imageDataToMove = undefined;
|
|
} |