• Projects
  • How to create a skills interface without a game

I know this might seem like a super basic question, but I have been trying to figure it out for hours and have resolved to just do the smart thing and get some help from those who know more. I am trying to set up a rudementary but functional interface that allows me to set up boxes with an image in them that I can click with a cursor (when the program runs) which then opens up into text and or more child nested boxes that also have the same function. I want to have at least 36 boxes that function as parents, and then have maybe 5 or so boxes show up when it is clicked on, with text on each when pressed. Potentially on the side I want a manual "assign point to guage" button and to have a guage on the button.

The idea being that I could work on the skill system and play with it and figure it out before attatching it to any game. How would I best go about researching this project? Are there any resources you could link me to, or outlines as to what I should set up first second and third to get it done?

First i would create an Autoload script that holds the state of your skill tree and also allows manipulating the state (e.g.: levels of your skills, which are unlocked, which can be unlocked, etc). Then create a UI Node and set it up with how many the TextBoxes you need. If I understand your gauge correctly, you should have a look at TextureProgress. Your node tree may look something like this - UI - Parent1 - Button - TextureProgress - Parent2 - etc

Then i would add a script to the UI node. This script should control which parents are active/inacrtive/disabled. Then i would add a script to the Parent nodes. This script should react to user input and call the methods inside your Autoload script from step 1.

This way you test out your system and later integrate it easily, as the state is globally accessible via the Autoload script.

Okay because I am a noob it took me thirty minutes to understand your post

But I found this which helped me be familiar with the UI features And I then understood the process you outlined, which is to load a state, have ui adjust to it (as in what is active and what progress it has) Have the UI structured out of a button, hover text or text box, texture progress, and then repeat for all the skills I want. Then set scripts to the parent nodes, that then react and call a method for changing the states in the autoload

Only thing I don't now know is how to create click to reveal more buttons feature, but maybe I can figure that out Thankyou :)