• 🏆 Texturing Contest #33 is OPEN! Contestants must re-texture a SD unit model found in-game (Warcraft 3 Classic), recreating the unit into a peaceful NPC version. 🔗Click here to enter!
  • It's time for the first HD Modeling Contest of 2024. Join the theme discussion for Hive's HD Modeling Contest #6! Click here to post your idea!

Hosted Project Spotlight - Reforged UI Designer

Status
Not open for further replies.

frostwhisper

Media Manager
Level 49
Joined
May 25, 2007
Messages
4,222
Wc3RUID-Banner-S.gif
We're pleased to showcase our latest Hosted Project!
Brought to you by @NightKnight , the Warcraft III Reforged UI Designer is a tool made to create User Interface designs and systems for Warcraft Maps without code.
The creator was kind enough to share a few thoughts on the state of the project, its origins, and his vision of its future:

HiveIcon.png
In your words describe what your tool does.
RUIDIcon.png
It uses graphical elements as in images and texts to represent the UI design graphically inside the app and then translates that representation into code that is put into the editor to produce the same design in-game.

HiveIcon.png
What sets your tool apart from other methods of UI manipulation in Warcraft 3?
RUIDIcon.png
The only other UI manipulation method is through directly writing code to describe the UI. There isn't any way to design graphically, so a lot of testing is required. What the tool allows you is to see what you're creating at runtime and so greatly simplifies the designing process, saves so much effort and time, and most importantly, supports jass, Lua, and typescript, and it requires no code knowledge, meaning any user can use it to design UI without any pre-required experience. Before the tool, GUI users had no way to design UI without being forced to learn coding.

HiveIcon.png
What drove you to create the tool? What was your inspiration?
RUIDIcon.png
Designing UI with typing code instead of graphical designing is like telling a graphical designer to make an image by only describing it using text. It is slow, painful, and takes too much time. So I was expecting Reforged to bring its own UI Designer panel into the editor in some future update. That of course didn't happen, and after seeing that no one in the community was interested in making an app for it, and having learnt Typescript through wc3, I decided to start my first attempt at making an external application, and it was that.

HiveIcon.png
What's on your development roadmap? Short-term and long-term?
RUIDIcon.png
A lot of powerful features have already been made into the application like horizontal bars, duplication patterns, and dds/blp support. A lot much more powerful features are planned as well, like grid snapping, responsive patterns, relative positioning, proper element layering, more layout features, and game UI customization as well as complex frames like vertical bars.

Wc3RUIDProcess.png



Download the tool, browse the project forum, and check out some of our community's creations below. Happy designing!


Trade System

UI Lock

Quest log

Fully made by a GUI user
Fully made by a GUI user

 
Last edited:
Level 2
Joined
May 3, 2021
Messages
6
What an achievement! Congratulations on the tool you delivered. I'm sure there was an immense effort put here.
 
Level 25
Joined
Feb 2, 2006
Messages
1,668
Very useful. Are there any text input frames or frames with text which you can copy text from? This would be useful for custom chat systems or save codes to copy (I know you can store them in text files as well).

edit:
You could also add some automatic layout functionality like aligning widgets horizontally or vertically and allow using some helper lines for that.
 
Last edited:
Status
Not open for further replies.
Top