Hello, I’m working on a game which as a raid system. It has 4 flags and each of them need to be captured in order for the raid to be successful. We want to implement a GUI like in the game MORDHAU (non-roblox).
As you can see in the second picture. Each of those diamonds need to have some sort of progress bar in them. The diamonds are basically rotated squares. The issue I’m running into is that ClipDescendants doesn’t work when rotation is involved. I honestly don’t know where to start looking to fix this. Any help is appreciated
We are looking into adding support for clipping rotated children while it would take sometime to deliver. In the meantime I think you can try those following methods:
Make an image asset that is a rotated square.(so that if you have the image with rotation=0 the square is already rotate, and clipping descendants will work.)
Add uigradient to those squares. set the rotation of gradient to 45, adjust transparency so that it has a sharp transition from 0->1 at center and use offset to animate progress.