Hierarchy

Tree view for scene object organization and parent-child relationships

Under Construction

This documentation is currently being developed and will be available soon.

Overview#

The Hierarchy panel displays all scene objects in a tree structure, enabling organization and relationship management. Located on the left side of the editor with a default width of 250px (resizable), it provides expandable/collapsible nodes with visual indentation to show parent-child relationships.

Tree Display#

  • Expandable/collapsible nodes with arrow icons
  • Nested indentation for hierarchy depth
  • Different icons for object types (mesh, light, camera)
  • Theme-aware selection highlighting

Selection#

Selection Methods#

MethodDescription
Single ClickSelect object
Ctrl + ClickMulti-select
Shift + ClickRange select

Sync Behavior#

  • Selection syncs with Viewport
  • Updates Properties panel
  • Real-time WebSocket sync

Drag & Drop Parenting#

How It Works#

  1. Drag Start: Grab any object to begin parenting
  2. Visual Feedback: Floating preview panel shows object being dragged
  3. Drop Zones: Valid drop targets are highlighted
  4. Transform Preservation: Objects maintain world position when parented
  5. Circular Prevention: Cannot create circular dependencies

Drag Destinations#

  • From Viewport: Drag objects to reorder
  • From Node Editor: Create object nodes

Context Menu#

Right-click on any object to access:

  • Create Child: Add new object as child
  • Duplicate: Clone with children
  • Delete: Remove object and children
  • Rename: Edit object name inline
  • Collapse All: Close all expanded nodes
  • Expand All: Open all parent nodes

Inline Editing#

ActionDescription
Double ClickEdit object name
EnterConfirm rename
EscapeCancel rename

Keyboard Shortcuts#

ShortcutAction
DeleteDelete selected objects
Ctrl + DDuplicate selected
F2Rename selected
Ctrl + ASelect all
Arrow Up/DownNavigate selection
Arrow Left/RightCollapse/expand
SpaceToggle visibility