> For the complete documentation index, see [llms.txt](https://docs.icraft.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.icraft.design/editor-features/animation-editing/animation-layout.md).

# Animation Layout

With the Animation Editor, you can bring static models to life. This chapter introduces the layout and core components of the animation interface. The editor is mainly divided into the following six functional areas:

![](/files/MRwh2Y3lEMgquAfuLLku)

{% stepper %}
{% step %}

### Scene Editor / Main Canvas (①)

#### Function Overview

The Scene Editor is the primary workspace for the 3D scene. It displays the real coordinate system and grid, and supports intuitive operations such as dragging, selection, zooming, and rotation.

#### Key Features

* Display the current scene
* Select objects directly to apply animations
* Support zooming, panning, and rotating the view

#### Common Operations

* Click on elements to create animations
* Use the **`mouse wheel`** to zoom; hold the **`right mouse button`** to pan
* Hold the **`middle mouse button`** or press **`ALT + left mouse button`** to freely rotate the view

***

### Animation Sequence Manager (②)

{% endstep %}

{% step %}

#### Function Overview

The Animation Sequence Manager is used to organize all animation schemes and nodes within the current scene. It acts as the **structural hierarchy** of animations.

#### Key Features

* Display hierarchical structures (animation groups, pipelines, keyframes, etc.)
* Support parallel management of multiple animation sequences
* Enable grouping for complex workflow decomposition

#### Common Operations

* Create or clear animation sequences
* Add parallel animation groups
* Add sequential animation groups
* Add camera keyframes
* Add exit Subscene animations
* Delete or duplicate animation nodes
* Adjust animation execution order
  {% endstep %}

{% step %}

### Animation Properties Panel (③)

#### Function Overview

The Animation Properties Panel is used for fine-tuning animation parameters. It is the core control area for animation behavior and visual effects.

#### Key Features

* Select animation types
* Control duration and delay
* Adjust animation parameters
* Preview the current animation

#### Common Operations

* Switch animation styles
* Fine-tune parameters
* Quickly preview animations
  {% endstep %}

{% step %}

### Top Navigation Bar (④)

#### Function Overview

The Top Navigation Bar contains global commands and project-level operations, serving as a quick access point for commonly used features.

#### Key Features

* Project management: New / Open / Save / Save As / Export / Publish
* Undo / Redo operations
* Preview and presentation modes
* Sharing and exporting
* Project naming and quick switching

#### Common Operations

* **Project Management:** Create, open, save, export, or publish projects
* **Preview & Presentation:** Switch to preview mode for immersive viewing or animation playback
* **General Settings:** Theme settings, shortcuts, usage tips, and real-time help
* **Basic Editing:** Select all, copy, paste, group, undo, redo, delete, clear scene
* **Layout & Animation:** Quickly switch between layout mode and animation mode
  {% endstep %}

{% step %}

### Camera Bar (⑤)

#### Function Overview

The Camera Bar, located at the bottom, is used to control view modes and camera settings. It enables quick switching between editing and preview perspectives.

#### Key Features

* Switch between 3D and 2D views
* Toggle camera types (orthographic / perspective)
* Enable or disable auto-rotation
* Manage custom camera viewpoints

#### Common Operations

* **3D/2D Switch:** Toggle between 3D view and 2D plane view (Shortcut: **`V`**)
* **Camera Type Switch:** Toggle between orthographic and perspective views (Shortcut: **`C`**)
* **Auto Rotation:** Enable/disable automatic scene rotation and adjust speed
* **Custom Camera Views:** Create multiple camera key points and switch using clicks or number shortcuts
  {% endstep %}

{% step %}

### Timeline Control Panel (⑥)

#### Function Overview

The Timeline Control Panel is the central hub for animation playback and timing control.

#### Key Features

* Play/Pause animations
* Drag the timeline to preview animation progress
* Configure animation sequencing
* Control animation looping

#### Common Operations

* Preview animation effects in real time
* Adjust timing and rhythm of different animations
* Validate workflow logic
* Control overall animation duration
  {% endstep %}
  {% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.icraft.design/editor-features/animation-editing/animation-layout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.