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

Visual Features

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

Visual Indicators

  • • Arrow icon for parent nodes
  • • Number badge showing child count
  • • Eye icon for visibility state
  • • Lock icon for non-editable objects

Selection

Selection Methods

  • •Single Click: Select object
  • •Ctrl + Click: Multi-select
  • •Shift + Click: Range 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

To Hierarchy Panel

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

From Hierarchy Panel

  • • To Viewport: Position objects in 3D space
  • • To Node Editor: Create Object nodes
  • • To Other Objects: Parent/unparent operations

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

  • •Double Click: Edit object name
  • •Enter: Confirm rename
  • •Escape: Cancel rename

Keyboard Shortcuts

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