I’m trying to create a “Radial” menu (or just a circle menu) on a Surface Gui that is split into different sections where each section corresponds to a different option. While working out how to layout everything, I discovered that the UI elements don’t align properly in the circles. In the image below, you can see how the larger circle is split into two “semi” circles, with the middle cut out. The gaps between these two shapes is intentional, but you can see that there are small gaps between each shape and the circle outlines in the centre.
(Ignore the green thing in the middle)
Each UI element is just an ImageLabel all parented to the same frame, all with proportions and positions that are easy to follow e.g X and Y offset are both a multiples of 100. The outlines and the “semi” circles were both created by my sister using a graphical design app called Procreate which has built in tools to help with simple shapes, and the outlines were used as a guide to create the inner shapes by splitting the entire thing in half and just filling in half of it and then exporting that separately. All images were exported at a square resolution so Roblox didn’t squish or stretch them. We tried recreating the images multiple times, trying different things to see if we could find the source of the problem to no avail.
So, what I’m wondering is if this still somehow an issue with either us/the apps we were using, or this is a Roblox issue with either UI elements or compressing images? Or is there something I have overlooked? Ontop of that, is there a better way to do what I’m trying to do? Any help is appreciated, I’ll reply tomorrow as its getting late now. Thanks!