Research Tree - UI Question

Krixus

The "Research Item Button" prefabs that we create and then define in the "Button Prefab" of the "Research Tree" prefab that generates the trees - can we defines additional sprites depending on the state of the research item?

Eg. Similar to how we can already do that for the research line renderer component - unresearched/researchable/in research/researched.

Basically, I want to be able to make it so that the border of the button matches up with the line renderer, currently only the lines themselves can change color (green when researchable) but the button itself doesn't change.

If I can swap out the sprites, I can at least "fake it" by just swapping out the sprite to one with an edited green border that would match the state of the line renderer.

There used to be something like this for the ability tree menu part in ORK 2/IMGUI where you can at least define different button icons for learned/unlearnable/req failed etc. I really need something like that on the actual icon of the ability and not just the line renderer itself.

I tried doing something like creating multiple game object duplicates and moving the image component to those separate objects to make a fake "button background" and then toggle them based on a "HUD Condition" component with research item state however I can't get the hover highlights to work now.

Krixus

For the "Type Box Settings" within the Research (Tree View) menu part, I have a UI that is just a simple list of choice buttons going down in a column. Since this is for a skill tree though, with each research tree having a set amount of skills to learn (research items), I need to be able to display how many total research items within the research tree have been learned. In my setup, each research item can only be learnt once to be considered completed.

Is there a text code that can display the total amount of completed research items within a specific research tree? I would need to be able to each individual research tree or have some type of text code that also displays the name along with this as it would be displayed in the "Choice" buttons that would have the name of the research tree as well.

Basically, let's say I have two research trees, A and B. A has 10 research items, B has 5 research items. I have researched 5 in A and 2 in B. In my UI, it would be displayed like this.

[ Research A (5/10)]
[ Research B (2/5)]

I know I could probably do something with object int variable and trigger them via a schematic but the issue is not being able to define individual research type button prefabs, per research type or tree since the variables would need to be different for each research type button. I would appreciate some help on this, as I think this method would only really work if you had one research type (as I assign one research tree to one research type then display each type in a list).

gamingislove

1) You can use HUD Condition components using the Research Item State condition type on those buttons to show different content (e.g. images) based on the state.

The HUD Condition component is the go-to way for any conditional showing of UI content :)

2) I don't think this is currently available.
I'll look into adding it.

Krixus

gamingislove

2). Thank you, this is something I really need as otherwise I really do have to manually do this and then align all the UI components for the "fake" object variable trackers.

Will you be adding this in the next update and if so where will the options be located?

gamingislove

2) Next update will get new text codes to show research tree item counts, both in the menu screen parts (content layout) and HUDs (new Research Tree type for ORK HUD Status Text Content component).