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:

1

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 (②)

2

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

3

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

4

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

5

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

6

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