skill tree layouts - magemonkeystudio/fabled GitHub Wiki
🌲 Skill Tree Layouts
Fabled supports multiple skill tree layout types that determine how skills appear in the skill GUI and how they are unlocked. These are set per class in the Web Editor.
You can configure this under the Skill Tree Type setting when editing a class.
📘 Skill Tree Types
🧭 Basic Horizontal
- Skills are displayed in a row (left to right)
- Unlocks are based on level only
- No skill requirements needed
- Great for simple progression
🧭 Basic Vertical
- Skills are displayed top to bottom
- Unlocks based on level only
- Visually stacks skills in a column
📈 Level Horizontal
- Horizontal layout
- Each skill is placed in a row based on its level requirement
- More advanced than Basic Horizontal
📈 Level Vertical
- Vertical layout by level tier
- Skills unlock progressively as the player levels up
🔗 Requirement
- Skills appear in a connected tree layout
- Unlocks require:
- Skill dependencies (other skills)
- Level requirements
- Tree branches show progression
- Best for RPG-style builds
🧩 Custom
- Fully flexible layout
- You choose exactly where each skill appears in the GUI grid
- Requires manually setting:
- Row
- Column
- Unlock requirements
This layout gives the most design control and is ideal for custom UIs.
🌊 Flood
- All skills are visible at once
- No visual grouping or unlocking structure
- Unlocks based on level or skill points
- Ideal for sandbox-style progression
🧠 Choosing the Right Layout
| Layout | Best For |
|---|---|
| Basic (H/V) | Simple or linear classes |
| Level (H/V) | Structured milestone classes |
| Requirement | Tree-style RPG builds |
| Custom | Fully visual/custom menus |
| Flood | Freeform skill unlocks |