trafficlunar/blockmatic
1
0
Fork 0
mirror of https://github.com/trafficlunar/blockmatic.git synced 2026-06-28 14:44:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: lasso tool

Browse source
This commit is contained in:
trafficlunar 2025-01-18 22:36:03 +00:00
parent 4ca631d4d2
commit e0d25bb222
3 changed files with 41 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/components/canvas/Canvas.tsx
View file

@ -90,7 +90,8 @@ function Canvas() {
}, [dragging, holdingAlt, tool, setCssCursor]);
const onToolUse = useCallback(() => {
// Calculate the top-left position of the radius
// If number is odd, cursor is in the center
// if number is even, cursor is in the top-left corner
const getRadiusPosition = (): Position => {
const halfSize = Math.floor(radius / 2);
const x = mouseCoords.x - (radius % 2 === 0 ? 0 : halfSize);
@ -144,6 +145,13 @@ function Canvas() {
);
break;
}
case "lasso": {
setSelectionCoords((prev) => {
const exists = prev.some(([x2, y2]) => x2 === mouseCoords.x && y2 === mouseCoords.y);
return exists ? prev : [...prev, [mouseCoords.x, mouseCoords.y]];
});
break;
}
case "pencil": {
if (selectedBlock == "air") {
eraseTool();
@ -296,6 +304,14 @@ function Canvas() {
setTool("hand");
setCssCursor("grabbing");
break;
case "Alt":
setHoldingAlt(true);
setCssCursor("zoom-out");
break;
case "Delete": {
setBlocks((prev) => prev.filter((b) => !selectionCoordsRef.current.some(([x2, y2]) => x2 === b.x && y2 === b.y)));
break;
}
case "1":
setTool("hand");
break;
@ -306,25 +322,20 @@ function Canvas() {
setTool("rectangle-select");
break;
case "4":
setTool("pencil");
setTool("lasso");
break;
case "5":
setTool("eraser");
setTool("pencil");
break;
case "6":
setTool("eyedropper");
setTool("eraser");
break;
case "7":
setTool("eyedropper");
break;
case "8":
setTool("zoom");
break;
case "Alt":
setHoldingAlt(true);
setCssCursor("zoom-out");
break;
case "Delete": {
setBlocks((prev) => prev.filter((b) => !selectionCoordsRef.current.some(([x2, y2]) => x2 === b.x && y2 === b.y)));
break;
}
}
};