On-canvas Interactive Boolean Operations
Operations that will be introduced:
1. Fracture (a temporary name):
Given a selection, it breaks it into non-overlapping parts.
2. Union/Delete while swiping:
This will have the same effect as selecting the selection tool and swiping while holding the alt key, but unions/deletes the selection at the end.
3. Flatten:
This is a new operation, suggested by Matías Benzo (@matthyuz) in a comment on a youtube video. It basically removes the hidden parts of the shapes. You can see it in action in a video below.
The Fracture operation can be parameterized. Current parameters are:
-
(boolean) Is destructive
-
(boolean) Fill the holes between shapes
-
(boolean) Add the result to the selection
-
(boolean) Put the result above/below the original shapes/paths (this is useless if the operation is destructive).
There should be some more parameters in the future. Also, some of these parameters might be discarded if found out to not be very useful.
GUI
this should be a new separate tool with it. With two modes union and substracting
suggested names for tool:
- live booleans
- canvas booleans
- cookie-cutter
- Boolean tool
- shaper tool
- combiner tool
- feel free to suggest betterones
Intersect mode while holding (ctrl+alt)
Activity
moved from inbox#5335 (moved)
mentioned in merge request inkscape!3357 (closed)
hello guys good work so far brother @osamaahmad
some names suggestions:
- shape maker
- shape modeler
- the modeler tool
although i really like "live boolean tool" (its very suiting name if we add the other boolean operations in the option bar i always wanted that)
Edited by alezzacreative
Hmmm... I really like the idea. Adding Fracture and Flatten to the list of the boolean operations, then having a tool that is called "Live Boolean" that provides the ability to perform all of the boolean operations.
The cursor will have two modes: a normal cursor as the select tool, and a swiping mode.
Any operation that can work on multiple shapes will have the ability to be performed while swiping. In other words, there will be multiple options after swiping for what should happen:
- just select
- union
- delete
- any other operation that can be done on multiple shapes (like divide)
There will be a button in the toolbar for each boolean operation.
Is it close enough for what you're suggesting?
-
yes that's exactly what i had in mind
i also want to know if you can add custom patterns to indicate the union/delete operation (as a visual helper instead of the cheeseboard pattern that is usually associated with transparency):
Edited by alezzacreative
my proposal for modes, order and shortcut (hold to toggle) for live boolean operations:
1. union(adding) -
ctrl (or none coz it is the first mode)
2. substracting (substracting)
alt
3. intersecting (keep only selected)
this mode is not implemented so if it out of scope just dont use it
alt+ctrl
4. selecting
shift
rational:
This tool is mainly for boolean operations so that should be the default state of the tool. selecting with this tool is just qulity of the life feature thats why its last also we use shift as shorcut to add sothing to selection so its good idea to us it for selecting
Edited by Adam Belis-
Hello @osamaahmad I have some small suggestions to improve visibility
- make the cursor trail a thicker line maybe 2 or 3 pixel width (it will be adequate especially for us with poor vision)
- make the cursor trail a different color for each operation ex. red for union, blue for subtraction, violet for intersection.
Those changes to the cursor are already supported, but maybe is @adam.belis who can help on the design of this.
-
Thanks for the suggestion! All of the icons right now are temporary. @adam.belis will design the needed icons once the feature is ready to be merged. Anyways, changing icons is just a matter of replacing the icon files and for most of them, it doesn't require changing anything in the code. With that being said, I think the designs of the cursors were final, so probably might ask adam to include the cursors to the icons that will be provided at the end.
-
image_3A480450 I was referring to the the trail of the swipe not the actual cursor ( the cursors are fine with me) Is it clear now?
-
@alezzacreative Done. Just need to decide the colors. There is one more extra mode that you didn't count for: the selection mode. I believe we should keep the red for selection? just to have it the same as the selection tool. What do you think?
If you like some set of colors, give me their RGB hex value and I'll put them and commit
-
Just for now:
red for selection
black for difference
blue for union
purple for interestion
Edited by Osama Ahmad -
I suggest:
- Red (#EA0419) for union and blue (#2342C2) for subtraction (cuz we can easily associate it with it think the two opposite sides of a magnet or the plus and minus of an electric circuit).
- Purple (#8C35AA) for intersect (becouse purple is leterally an intersection between red and blue that give this color so it more suitable).
- for selection I think a bright green (#0DAC26) is more suitable cuz it's a safe color (doesn't do destructive operations) I suggest if it's not much work - if you agree with this- to make a merge_request to change the red in the selection tool to this green too to match this.
What do you think about my reasoning?
Edited by alezzacreative -
hmm all this colors are kind a problem for visibility on multiple backgrounds
Edited by Adam Belis -
I did test them against white and black background before posting them (I did it in my phone cuz my laptop is totally fried)image_3A482399
-
For me they seem ok... Maybe a little fix in the values could help in some situations, however, @osamaahmad, Is it possible to add a 1 PX border of ants to the indicator?
What do you think about this border @adam.belis?
I know that we don't really need this and all those specifications are aesthetical, so if you (@osamaahmad) could point out what's missing to get this merged similar to #23 it would be great. Don't distract.
-
how is this similar to #23
-
also this color would be not consistent with rest of selecting (we use red for touch to elect)
Touch selection should change to maintain a consistency, as @alezzacreative has mentioned.
PD: I meant inkscape!2466 (merged)
-
I wanted to show how an android app with a similar builder tool to the one in AI represent the preview of the result while swiping. It display the edges of the result area and the edge grow along the swipe.
A video is loading:
Edited by alezzacreative -
Other examples of the app work flow using thier builder tool for inspiration. video_3A478210 video_3A478212
-
Hello. Some videos that show how the ai builder tool works its features and the settings it offers for inspiration
