6 Segment Annulus

[asherppan (asher)]

Anyone know how to do this properly?

I just segmented an annulus in photopea and centered each layer

I got the positions for the frames out of chat gpt, not sure if that’s the issue

[Tavikron (Octav)]

Just have one section in the full “annulus” size and then duplicate and rotate the segment using the Rotation property of the ImageLabel’s

[trigophi]

Annulus.rbxm (6.0 KB)

Here’s an attempt at and implementation of the idea that @Tavikron described above, though my result feels a little messy/bashed mathematically. Mess with the properties to suit your layout spacing. I alternated colors to identify how the layers overlapped while tweaking the sizes. In the end, I did what I would’ve done to make an annulus as I didn’t know if you wanted consistent spacing or not. I think the math could be improved, so feel free to tweak with whatever.

I used matplotlib to generate the annulus section I used:

[ZacAttackk]

What I would have done is:

1. Take a single annulus segment image (you only need one image, as they’re all the exact same shape)
2. Create an invisible Frame with the pivot point set so that the edge of the Frame rests in the centre of your UI holder
   
   
3. Duplicate the Frame/Image setup so there are 6, rotating each one evenly to fill the circle. The pivot & offset of the image inside the frame will create the segmented circle nicely.