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 #

Method	Description
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 #

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

Drag Destinations #

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

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 #

Action	Description
Double Click	Edit object name
Enter	Confirm rename
Escape	Cancel rename

Keyboard Shortcuts #

Shortcut	Action
`Delete`	Delete selected objects
`Ctrl + D`	Duplicate selected
`F2`	Rename selected
`Ctrl + A`	Select all
`Arrow Up/Down`	Navigate selection
`Arrow Left/Right`	Collapse/expand
`Space`	Toggle visibility