Hello! I am in need of some advice on how to make the GUI examples I’m about to show you, into something clean, exciting, and professional! I’ll tell you what the purpose of each Gui is, and then provide picture examples, and i’d really appreciate any advice or suggestions!
- Inventory GUI
There are currently 4 different categories of items that appear in your inventory… this is just set to apparel in the picture. You’ll see around the player are different slots for different items. There’s Right/left shoulder, back, Headwear, Uppebody/Fullset (Meaning if its catagorized as a full set of clothing it will force the clothing over both lower and upper as opposed to being able to be mismatched), and lower body, and the tool slot, which is any kind of hand held weapon or tool.
Then there is the toolbelt, which you’ll see on the far left. This is for usable items like potions or scrolls, etc.
Then there is the ‘Aires’ Panel, which is the currency in the game. Thats pretty self explanatory, but thats on the bottom right.
You’ll see a pop up icon over the item that’s being scrolled over, that is the item desc, it gives the name of the item, how much its worth, where it must be equipped to if you wana use it, such as upper body, or tool belt, or headwear, etc. and the type of item it is.
There is a help button for both the aires and the tool belt, you scroll your mouse over the question marks and a description pops up.
- Shop GUI
This is a very basic idea of what the shop gui looks like. Its very uninteresting. I’ve thought about adding like a local news thing on the left side that’s like a magical newspaper article (lore oriented) and talks about lore things going on in the area, maybe hints to quests or things going on. But idk. Basically you drag the item you wana buy up to buy, or the item you’re selling up to sell.
- Grimoire GUI (Spell Book)
So… there are a few pages of the spells list, that go on, when you scroll over a spell the name apears at the top with its icon. And you can click the spell icon to take you to its page.
This is the spells description and information… such as what level you are at with that particular spell, cause you do have to practice spells to get better at them… thats the spell master bar, and the applied mysticisms spins around… its esentially just telling you which of the 5 catagories the spell is attributed to… or several catagories… it has to do with the level of each mysticism youre at, thats a whole other gui coming up.
- Mysticisms GUI
This is probably the most boring one to me at this moment. Esentially these are skills, every time you level up you will get a point to put into one of these mysticisms, and this gui also tells you what level you are at the top. Though I hate the term level… and the way gameplay works you really do feel like your practicing magic and mastering it, even if you’re a master of magic, and learn a new spell, you still have to practice a spell to get it to its full potential. Each spell is attributed to a mysticism and the level of the mysticisms gives boosts to those spells. When you click one of the picture icons, the silver arrow around the top icon moves to whichever one you clicked and it gives you a description of that mysticism.
Ultimately I plan to overhaul the functionality of mysticisms in the game itself to make its application far more interesting… but for now this is what i’m working with.
- Quest book GUI
This character only has the first quest at the moment, but as you get quests, they appear in the book, and you can click the quests to see their descriptions. Currently when you finish a quest nothing happens in the book, i’d like to remedy that, if anyone has any ideas. I will hopefully be making a quest trackign system in the future, thats what the bottom empty buttons are for. But theres a lot of empty unused space here.
-
Aires Purchasing GUI
This is a simple developer product page, when you scroll over an icon, it expands a little bit with a sound effect. -
The players bottom interface
When you recieve a quest , which is the golden floral image, or you gain a new mysticism point, which is the gold swirly icon, the icons expand and shrink constantly to let you know theres something new in the gui.
This is with the toolbar open. The bottom yellow bar is the experience bar.
I left room on the right for a settings tab later, i will just move the little element over and add the icon when i’m ready for that. That will include music volume and other stuff.
Bottom line is there is a lot of empty space in the GUI’s and i’d like to fill them up smartly without putting in pointless stuff. I’d appreciate any advice! THANKS!
-Manelin