2021-11-01 14:31:09 +03:00
|
|
|
class MoveSelectionTool extends Tool {
|
2021-11-09 00:25:30 +03:00
|
|
|
currSelection = undefined;
|
|
|
|
selectionTool = undefined;
|
|
|
|
endTool = undefined;
|
|
|
|
switchFunc = undefined;
|
|
|
|
|
|
|
|
constructor (name, options, switchFunc, endTool) {
|
2021-11-01 14:31:09 +03:00
|
|
|
super(name, options, switchFunc);
|
2021-11-09 00:25:30 +03:00
|
|
|
|
|
|
|
this.switchFunc = switchFunc;
|
|
|
|
this.endTool = endTool;
|
2021-11-01 14:31:09 +03:00
|
|
|
}
|
2021-11-01 15:02:18 +03:00
|
|
|
|
|
|
|
onStart(mousePos) {
|
|
|
|
super.onStart(mousePos);
|
2021-11-09 00:25:30 +03:00
|
|
|
|
|
|
|
if (!this.cursorInSelectedArea(mousePos)) {
|
|
|
|
this.endSelection();
|
|
|
|
}
|
2021-11-01 15:02:18 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
onDrag(mousePos) {
|
|
|
|
super.onDrag(mousePos);
|
2021-11-09 00:25:30 +03:00
|
|
|
|
|
|
|
if (this.cursorInSelectedArea(mousePos)) {
|
|
|
|
this.currSelection = this.selectionTool.moveAnts(mousePos[0]/zoom,
|
|
|
|
mousePos[1]/zoom, this.currSelection.width, this.currSelection.height);
|
|
|
|
|
|
|
|
// clear the entire tmp layer
|
|
|
|
TMPLayer.context.clearRect(0, 0, TMPLayer.canvas.width, TMPLayer.canvas.height);
|
|
|
|
// put the image data on the tmp layer with offset
|
|
|
|
TMPLayer.context.putImageData(
|
|
|
|
this.currSelection.data,
|
|
|
|
Math.round(mousePos[0] / zoom) - this.currSelection.width / 2,
|
|
|
|
Math.round(mousePos[1] / zoom) - this.currSelection.height / 2);
|
|
|
|
}
|
2021-11-01 15:02:18 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
onEnd(mousePos) {
|
|
|
|
super.onEnd(mousePos);
|
|
|
|
}
|
|
|
|
|
|
|
|
onSelect() {
|
2021-11-09 00:25:30 +03:00
|
|
|
super.onSelect();
|
2021-11-01 15:02:18 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
onDeselect() {
|
2021-11-09 00:25:30 +03:00
|
|
|
super.onDeselect();
|
|
|
|
}
|
|
|
|
|
|
|
|
setSelectionData(data, tool) {
|
|
|
|
this.currSelection = data;
|
|
|
|
this.selectionTool = tool;
|
|
|
|
this.firstTimeMove = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
onHover(mousePos) {
|
|
|
|
super.onHover(mousePos);
|
|
|
|
|
|
|
|
if (this.cursorInSelectedArea(mousePos)) {
|
|
|
|
canvasView.style.cursor = 'move';
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
canvasView.style.cursor = 'default';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
cursorInSelectedArea(cursorPos) {
|
|
|
|
// Getting the coordinates relatively to the canvas
|
|
|
|
let x = cursorPos[0] / zoom;
|
|
|
|
let y = cursorPos[1] / zoom;
|
|
|
|
|
|
|
|
if (this.currSelection.left <= x && x <= this.currSelection.right) {
|
|
|
|
if (y <= this.currSelection.bottom && y >= this.currSelection.top) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
endSelection() {
|
|
|
|
// Clearing the tmp (move preview) and vfx (ants) layers
|
|
|
|
TMPLayer.context.clearRect(0, 0, TMPLayer.canvas.width, TMPLayer.canvas.height);
|
|
|
|
VFXLayer.context.clearRect(0, 0, VFXLayer.canvas.width, VFXLayer.canvas.height);
|
|
|
|
|
|
|
|
// I have to save the underlying data, so that the transparent pixels in the clipboard
|
|
|
|
// don't override the coloured pixels in the canvas
|
|
|
|
let underlyingImageData = currentLayer.context.getImageData(
|
|
|
|
this.currSelection.left, this.currSelection.top,
|
2021-11-09 14:19:57 +03:00
|
|
|
this.currSelection.width+1, this.currSelection.height+1
|
2021-11-09 00:25:30 +03:00
|
|
|
);
|
2021-11-09 14:19:57 +03:00
|
|
|
let pasteData = this.currSelection.data.data;
|
2021-11-09 00:25:30 +03:00
|
|
|
|
|
|
|
for (let i=0; i<underlyingImageData.data.length; i+=4) {
|
|
|
|
let currentMovePixel = [
|
2021-11-09 14:19:57 +03:00
|
|
|
pasteData[i], pasteData[i+1], pasteData[i+2], pasteData[i+3]
|
2021-11-09 00:25:30 +03:00
|
|
|
];
|
|
|
|
|
|
|
|
let currentUnderlyingPixel = [
|
|
|
|
underlyingImageData.data[i], underlyingImageData.data[i+1],
|
|
|
|
underlyingImageData.data[i+2], underlyingImageData.data[i+3]
|
|
|
|
];
|
|
|
|
|
|
|
|
// If the pixel of the clipboard is empty, but the one below it isn't, I use the pixel below
|
|
|
|
if (Util.isPixelEmpty(currentMovePixel)) {
|
2021-11-09 14:19:57 +03:00
|
|
|
if (!Util.isPixelEmpty(currentUnderlyingPixel)) {
|
|
|
|
pasteData[i] = currentUnderlyingPixel[0];
|
|
|
|
pasteData[i+1] = currentUnderlyingPixel[1];
|
|
|
|
pasteData[i+2] = currentUnderlyingPixel[2];
|
|
|
|
pasteData[i+3] = currentUnderlyingPixel[3];
|
2021-11-09 00:25:30 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-11-09 14:19:57 +03:00
|
|
|
console.log("Paste: " + pasteData.length + ", underlying: " + underlyingImageData.data.length);
|
|
|
|
|
|
|
|
currentLayer.context.putImageData(new ImageData(pasteData, this.currSelection.width+1),
|
|
|
|
this.currSelection.left, this.currSelection.top
|
|
|
|
);
|
2021-11-09 00:25:30 +03:00
|
|
|
|
|
|
|
this.currSelection = undefined;
|
|
|
|
currentLayer.updateLayerPreview();
|
|
|
|
VFXLayer.canvas.style.zIndex = MIN_Z_INDEX;
|
2021-11-09 14:19:57 +03:00
|
|
|
|
2021-11-09 00:25:30 +03:00
|
|
|
// Switch to brush
|
|
|
|
this.switchFunc(this.endTool);
|
2021-11-01 15:02:18 +03:00
|
|
|
}
|
2021-11-01 14:31:09 +03:00
|
|
|
}
|