Skill Bar
The skill bar in the skill tree UI is used to assign skills to the skill bar of the gameobject that opened the skill tree UI. It looks like the following:
- Root
- Skill Bar Element 1
- Skill Bar Element 2
- Skill Bar Element x
- ...
This feature is not a requirement for the skill tree UI, it can be used without it.
The root gameobject has one component called
SkillBarSkillTreeElements
which automatically searches all SkillBarSkillTreeElement
components that are used on the elements. The skill bar element has the following settings and references:

Setting | Description |
Key Code | The key code used to assign a skill to this element |
Accept Skill Types | Defines whether only a certain type of skill may be assigned |
Skill Icon | References an image component that shows the icon of a skill when assigned |
Skill Not Assigned | References an image component that is shown when no skill is assigned |
Icon Skill Bar Configuration Mode Off | References an image that is shown when the skill bar configuration mode is turned off |
Icon Skill Bar Configuration Mode On | References an image that is shown when the skill bar configuration mode is turned on |
Show Key Code Text | If activated, the referenced text component is activated when the skill bar configuration mode is activated |
Allow Replacement | Checkbox to determine whether to allow replacement on the skill bar |
Allow Quick Removal | Checkbox to determine whether to allow the quick removal feature on the skill bar |
Event On Hover Enter | Defines the logic that will be executed when you start hovering over the element |
Event On Hover Exit | Defines the logic that will be executed when you stop hovering over the element |
The Skills component has a toggle to turn on or off the use of this feature. It also consists of a root and slightly different skill bar elements. This one needs to be in the scene, referenced in the skills component.
The root gameobject has one component called
SkillBarElements
which automatically searches all SkillBarElement
components that are used on the elements. The skill bar element has the following settings and references:

I only list the differences between the above one and this one here:
Setting | Description |
Target | The target on which the skill bar settings are applied to |
Key Code | The key used to execute the skill |
Skill Cooldown Icon | The Image component shown when the skill is in cooldown |
Show Skill Executing Icon | If activated, this shows the currently executing skill |
Show Key Code Text | If activated, this shows the referenced text component which is used to display the key to press to execute a skill |
Show Cooldown Counter | Checkbox with Text component reference that shows the remaining cooldown time |
Show Executing Time Counter | Checkbox with Text component reference that shows the remaining execution time |
Show Amount Counter | Checkbox with Text component reference that shows the remaining skill executions of a stored skill |
Last modified 2yr ago