2021-12-27 21:11:59 +03:00
|
|
|
class LassoSelectionTool extends SelectionTool {
|
2021-12-30 01:16:16 +03:00
|
|
|
currentPixels = [];
|
2021-12-29 00:51:18 +03:00
|
|
|
|
2021-12-27 21:11:59 +03:00
|
|
|
constructor (name, options, switchFunc, moveTool) {
|
2021-12-27 21:40:23 +03:00
|
|
|
super(name, options, switchFunc, moveTool);
|
2021-12-29 00:51:18 +03:00
|
|
|
Events.on('click', this.mainButton, switchFunc, this);
|
2021-12-27 21:11:59 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
onStart(mousePos) {
|
|
|
|
super.onStart(mousePos);
|
2021-12-29 00:51:18 +03:00
|
|
|
// clearSelection();
|
2022-01-06 01:54:29 +03:00
|
|
|
|
2021-12-29 00:51:18 +03:00
|
|
|
this.currentPixels = [];
|
|
|
|
this.drawSelection();
|
2022-01-02 23:57:35 +03:00
|
|
|
this.currentPixels.push([mousePos[0] / currFile.zoom, mousePos[1] / currFile.zoom]);
|
2021-12-27 21:11:59 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
onDrag(mousePos) {
|
2022-01-06 01:54:29 +03:00
|
|
|
super.onDrag(mousePos);
|
2021-12-30 01:16:16 +03:00
|
|
|
|
2021-12-29 00:51:18 +03:00
|
|
|
if (this.currentPixels[this.currentPixels.length - 1] != mousePos)
|
2022-01-02 23:57:35 +03:00
|
|
|
this.currentPixels.push([mousePos[0] / currFile.zoom, mousePos[1] / currFile.zoom]);
|
2022-01-06 01:54:29 +03:00
|
|
|
|
2021-12-29 00:51:18 +03:00
|
|
|
this.drawSelection();
|
2021-12-27 21:11:59 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
onEnd(mousePos) {
|
|
|
|
super.onEnd(mousePos);
|
2021-12-29 01:14:37 +03:00
|
|
|
new HistoryState().EditCanvas();
|
|
|
|
|
2022-01-02 23:57:35 +03:00
|
|
|
this.currentPixels.push([this.startMousePos[0] / currFile.zoom, this.startMousePos[1] / currFile.zoom]);
|
2021-12-29 01:14:37 +03:00
|
|
|
|
2022-01-08 21:16:15 +03:00
|
|
|
// Include extreme borders
|
|
|
|
this.boundingBox.maxX++;
|
|
|
|
this.boundingBox.maxY++;
|
|
|
|
|
|
|
|
// Switch to the move tool so that the user can move the selection
|
2021-12-29 01:14:37 +03:00
|
|
|
this.switchFunc(this.moveTool);
|
2022-01-08 21:16:15 +03:00
|
|
|
this.moveTool.setSelectionData(this.getSelection(), this);
|
2021-12-27 21:11:59 +03:00
|
|
|
}
|
|
|
|
|
2021-12-29 00:51:18 +03:00
|
|
|
onSelect() {
|
|
|
|
super.onSelect();
|
2021-12-27 21:11:59 +03:00
|
|
|
}
|
|
|
|
|
2021-12-29 00:51:18 +03:00
|
|
|
onDeselect() {
|
|
|
|
super.onDeselect();
|
2021-12-27 21:11:59 +03:00
|
|
|
}
|
|
|
|
|
2021-12-29 00:51:18 +03:00
|
|
|
drawSelection() {
|
|
|
|
if (this.currentPixels.length <= 1)
|
|
|
|
return;
|
|
|
|
let point = [];
|
2022-01-02 23:57:35 +03:00
|
|
|
let prevPoint = [];
|
2021-12-29 00:51:18 +03:00
|
|
|
|
|
|
|
currFile.VFXLayer.context.clearRect(0, 0, currFile.canvasSize[0], currFile.canvasSize[1]);
|
|
|
|
currFile.VFXLayer.context.fillStyle = 'rgba(0,0,0,1)';
|
2021-12-27 21:11:59 +03:00
|
|
|
|
2021-12-29 00:51:18 +03:00
|
|
|
for (var index = 0; index < this.currentPixels.length; index ++) {
|
|
|
|
point = this.currentPixels[index];
|
|
|
|
|
|
|
|
if (index == 0)
|
|
|
|
currFile.VFXLayer.context.moveTo(point[0], point[1]);
|
|
|
|
else {
|
2022-01-02 23:57:35 +03:00
|
|
|
prevPoint = this.currentPixels[index- 1];
|
|
|
|
currFile.VFXLayer.drawLine(Math.floor(prevPoint[0]), Math.floor(prevPoint[1]),
|
|
|
|
Math.floor(point[0]), Math.floor(point[1]), 1);
|
2021-12-29 00:51:18 +03:00
|
|
|
}
|
|
|
|
}
|
2022-01-02 23:57:35 +03:00
|
|
|
|
2022-01-06 01:54:29 +03:00
|
|
|
currFile.VFXLayer.drawLine(Math.floor(point[0]), Math.floor(point[1]),
|
|
|
|
Math.floor(this.currentPixels[0][0]), Math.floor(this.currentPixels[0][1]), 1);
|
2021-12-29 01:38:28 +03:00
|
|
|
}
|
2021-12-27 21:11:59 +03:00
|
|
|
}
|