How do I make a circular Menu GUI?

Hey! So the technical term for this type of UI is called Radial UI

The process for this is pretty simple once you get it down. Here are some good resources to help you out!

I couldn’t find any good resources on how to create the image so I’ll walk through it with you.

  1. Use almost any external image editor and make a simple circle. I’ll be using Paint .NET.

  2. For this example, I’ll be cutting it into 4ths so I’ll have 4 UI options. you should end up with a single 4th:

  3. Save and load the image into Roblox exactly how it is. Don’t crop it or anything of the sort.

  4. Duplicate the image 4 times and rotate each 90 degrees
    qAFjmdnrhl

  5. Done, now you have the basic foundation for a radial UI!

2 Likes