# Timeline

The Timeline provides a comprehensive overview of every element of your entire scene. By selecting an Asset on the Timeline, you gain access to its [Inspector](inspector) for detailed customisations.

Here are all visual components of your timeline&#x20;

* [Asset Nodes and Sub-Nodes (Horizontal Bars)](#asset-nodes-and-sub-nodes-horizontal-bars)
* **Top Navigation**&#x20;
  1. Timestamp: Located on the top left side of the timeline, it represents the overall duration of your scene when you play the project.&#x20;
  2. Play/Stop Button
  3. Delete: located on the top middle, allows you to delete selected node, sub-node.&#x20;
     1. <mark style="color:red;">PLEASE NOTE, if you delete a node, it will automatically delete its sub-nodes as well.</mark>&#x20;
  4. Zoom in/out: is located on top right side. Zoom out can help if you have a very long scene and you want to see sequence of assets and events at a bird's eye view. Zoom in can help with time precision editing
  5. Time Ruler: spread across the entire timeline, this allows you to position nodes and sub-nodes within the desired timeframe.&#x20;
* **Left Navigation (to the left of the assets, on the Timeline)**
  * Lock Icon: to disable editing the node&#x20;
  * Eye Icon: controls the visibility of assets in the scene so you can concentrate on a single asset of choice.&#x20;
  * Sound Icon: mute the sound associated with the asset when playing the project. &#x20;

<figure><img src="https://3381180757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRJaMP3aIw9oiRaxYxj70%2Fuploads%2Fp2W9czdDH6X9CHOlbuOO%2FScreenshot%202024-04-23%20at%2014.07.52.png?alt=media&#x26;token=d730d69d-fa8a-4342-a6fe-f11d796ecf53" alt=""><figcaption></figcaption></figure>

### <mark style="color:purple;">Asset Nodes and Sub-nodes (Horizontal bars)</mark>

Each component (Asset) of your scene is represented as a separate horizontal bar inside the timeline that we call an asset node. Each asset category has its own distinctive colour. This includes: 3D models, characters, visual effects, light, text, sounds, video, images (2D).&#x20;

Some of these asset nodes can have sub nodes attached to them; for example, a character (asset node) may contain a sub node for animation, voice, visual effect, etc. When the asset node is clicked upon, it also helps you see the sub nodes attached to that asset node.&#x20;

You can control when the specific asset node appears in the scene and for how long; the same applies to sub-nodes. You can horizontally move these bars (nodes and sub-nodes) across the timeline, expanding or trim their duration (eg. shorten the time a character dances)&#x20;

By clicking on the assets (Node or sub-node) in the timeline,&#x20;

1. It highlights the asset on the preview 3D scene&#x20;
2. It opens the asset inspector so you can see all the details associated with this node or sub-node in the inspector.&#x20;

See Essential Scene components and Inspector for more information

<figure><img src="https://3381180757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRJaMP3aIw9oiRaxYxj70%2Fuploads%2Fg7NjDrHMEc4cdX9Rjb8G%2Fimage.png?alt=media&#x26;token=6e546e25-48a2-4858-8188-93ac23b7127f" alt=""><figcaption></figcaption></figure>
