Perk Node UI

The Perk Node UI is for the "preview" of a Perk in a PerkTree, usually a small square with an icon and just a few other details, if any (the Hovercard usually shows more detailed information).

The Perk reference is what populates the correct data at runtime, and should only be set if building nodes and trees manually. Otherwise the Perk Tree UI will automatically set this when spawning.

Frame is an optional UI piece that will change to the colors listed below based on its Perks status (Locked, Unlocked, or Maxed).

Icon will represent the sprite for the Perk. Drag an image reference into the slot to display the proper icon (automatically changes between locked, unlocked or overrides) during runtime.

Perk Name, Tier Number, Cost Number, and Short Description are all TextMeshPro references and will automatically update based on the Perk's data in each during runtime.

Next Upgrade UIs

Optional. Next Upgrade will display either "Unlock" or the next tier number available.

Next Tier Description shows the description text for the next tier.

Connection Anchors

Usually empty GameObjects that designate precisely where the connection lines will connect. If not set, the system will use the center of the gameObject.