I’m trying to:
Present a workflow wherein a user clicks anywhere within an irregular region to “select” it. Think of a geographical map where the target isn’t easily described by regular geometry.
But I can’t because:
Principle offers only basic geometric shapes, none of which matches the target region I’m presenting. Also, grouping multiple positioned shapes that approximate an irregular shape results in a single target that’s a bounding square, defeating the purpose.
What I’d love to see:
Principle could import shapes/SVGs as symbols to be used for targetable regions.
Principle could offer more default shapes of its own (N-gons, arbitrary shapes, etc.).
Principle could allow for more flexible shape deformation and handle editing.
This…can be done, but I warn you it might be a be nightmarish depending on the complexity of your shapes, it might require time but in theory can be done.
You can take advantage of the “clip sublayers” option in folders.
So basically, every shape should be clipped using one or many nested folders and clipping its content, manage to show the bit of shape that you are interested in.
Folders won’t trigger Hover interactions for stuff that is being ‘clipped’ so you could achieve the result.
See this simple example, I’ve used rectangles as a base shape and then containing such shapes in folders with the clipping option marked.
