Perk Tree Editor
The Perk Tree Editor provides a visual graph interface for designing perk trees.
Opening the Editor
Double-click any PerkTreeDefinition asset in the Content Browser.
Interface
Graph View (Left)
- Nodes - Each node represents a perk
- Wires - Lines show parent-child relationships
- Arrows - Point from parent to child (prerequisite direction)
Details Panel (Right)
When a node is selected:
- Node Layout - Position, row, column, branch tag (editable)
- Node Connections - Parent perks (editable), child perks (computed)
- Perk Info - Display name, description, cost (read-only, from perk definition)
Info Bar (Bottom)
Shows current selection info and helpful shortcuts.
Navigation
| Action | Input |
|---|---|
| Pan view | Middle Mouse Drag |
| Pan view (alt) | Shift + Right Mouse Drag |
| Zoom | Mouse Wheel |
Selection
| Action | Input |
|---|---|
| Select node | Left Click |
| Add to selection | Ctrl + Click |
| Toggle selection | Ctrl + Click on selected |
| Box select | Left Drag on empty space |
| Add box select | Ctrl + Left Drag |
| Select all | Ctrl + A |
| Clear selection | Click empty space |
Node Operations
| Action | Input |
|---|---|
| Move node | Left Drag on node |
| Move multiple | Select multiple, drag any |
| Delete selected | Delete |
| Copy | Ctrl + C |
| Paste | Ctrl + V |
| Duplicate | Ctrl + D |
Layout Tools
| Action | Input |
|---|---|
| Toggle snap to grid | G |
| Snap selection to grid | Ctrl + G |
| Reset layout | Ctrl + L |
Context Menu (Right-click):
- Align Horizontally - Same Y position
- Align Vertically - Same X position
- Distribute Horizontally - Even X spacing
- Distribute Vertically - Even Y spacing
Connections
| Action | Input |
|---|---|
| Start connection | Alt + Click on source node |
| Complete connection | Release on target node |
| Cancel connection | Escape |
Remove connection: Right-click node → Remove Parent Connection → Select parent
Wire Styles
Change via Details panel → Wire Style dropdown (when no node selected):
| Style | Description |
|---|---|
| Manhattan | Right-angle segments (default) |
| Straight | Direct lines |
| Bezier | Smooth curves |
| Step | Horizontal then vertical |
Context Menu Actions
Right-click on a node:
- Browse to Perk Definition - Find in Content Browser
- Edit Perk Definition - Open in Blueprint Editor
- Copy/Paste/Duplicate/Delete - Standard operations
- Snap to Grid - Align to grid position
- Reset Layout - Auto-arrange based on hierarchy
- Connect to Child - Start creating a connection
Tips
- Nodes drawn later appear on top when overlapping
- Child Perks are computed automatically from parent relationships
- Edit Parent Perks to change connections
- Double-click a node to open its Perk Definition