GUI Transparency Knockout Groups

External Media

In Illustrator, you can select multiple objects with some transparency and add them to a transparency knockout group. The objects in the group will not show through each other. At an overlap, only the object on top will show. The images on the left and right show a few circles before and after adding them to a knockout group.

It would be useful to have a bool property for ImageLabel (i.e KnockoutObjectsUnder) that does something like this for images with some transparency.

Interesting… what would you use it for?

I doubt this will happen. The admins won’t add rotation-compatible ClipDescendants, claiming it’s not necessary for a good UI. This kinda seems to fall into the same category.

That reason is incorrect.

[quote] Stravant is correct - the reason this feature is not implemented atm is the requirement to change the UI code to work with arbitrary convex polygons everywhere instead of axis-aligned rectangles.

We can’t use scissor rectangles since they don’t provide full clipping support anyway as mentioned above; the only complete solution that does not need convex polygon clipping is stenciling, but it would require us to de-optimize current rendering code that aggressively merges geometry for visible UI elements to avoid CPU overhead.

We may end up implementing correct clipping some day but it would require a carefully optimized approach that only switches to slow convex clipping when absolutely necessary. [/quote]

Right now, I’m thinking of a circular XP progress bar. Here’s how it looks right now:

I put a large blue circle underneath the whole thing and two gray semicircles above the blue circle and below the white circle in the middle. The gray circles rotate, move, and change color to create the illusion of a blue progress bar growing around the white circle. With the knockout group, I could make the gray semicircles transparent so only the blue progress bar and the white circle can be seen.