Creating Ui systems

I am trying to find the best way to create a UI system for my game, or any other game that I make. I heve come across three possible ways to do this.

The first way is to just create the entire UI in Roblox, and maybe some special things in something like Photoshop. This can get super messy, and the scripts to control it get long and hard to navigate. This is the way that I currently have my game setup, and my master UI script has over 1000 lines in it. This way also makes it harder to go in a change a single element, as you have to go in through the GUI tree and find the correct one to change.

The second way is to create the base UI through the Roblox editor, and then use Modules, and some basic templates for your other pieces to create the entire thing. You then use those modules to create elements in your UI.
It looks something like this from Commander 4:
image

The third way to set a UI system up is through Roact. I have tried out Roact, but it was too confusing for me and I gave up. There are also no good videos that I could find on its usage.

Which of these three ways, if any, is the best way to setup a UI system in a game?

  • Option 1 - build the entire UI with Roblox’s creation tools
  • Option 2 - create the elements, then use Modules to set it up
  • Option 3 - Use Roact

0 voters

1 Like