Visualization State Editor

Within the state editor, you can combine multiple layers to create unique visualizations. Open the state editor by double-clicking on a state within the Scene Explorer or by double-clicking on a state block within the Timeline Editor.

Components

This section will focus on the various components within and around the state editor.

State Editor Document

The state editor document shows the composition and arrangement of layers within the given state. The layer on the top will be rendered on top of the layers below.

Ribbon Menu

While the state editor is open, the ribbon menu will show corresponding options within the "Editor" tab to interact with the selected layer or the layer arrangement.

Layer Library

The layer library dialog will assist you in searching for a layer within your layer collection across all loaded extension assemblies.

On the left side, all available layers are listed within the library tree. Above it, there is a search box, allowing you to filter the library tree with a search term.

At the top right side, there is an additional filter for the target canvas type available and a toggle button to turn on/off the render preview of selected render nodes.

The render preview, if enabled and a render node is selected, is displayed on the bottom right.

Interactions

There are multiple interactions available on how you can edit the layers, their arrangement or their settings.

Add new Layer

There are three ways on how you can add a new layer to the layer arrangement. While you always choose the new layer from the layer library along the way, where it differs is the eventual placement of the new layer within the arrangement.

Above selected Layer

Right-click on the layer arrangement, then click on the menu item "Add > Above", to open the layer library. The new layer will be placed above the selected layer. If none is selected, then it will be placed at the top.

At the Top

Right-click on the layer arrangement, then click on the menu item "Add > Top", to open the layer library. The new layer will be placed at the top of the arrangement.

At the Bottom

Right-click on the layer arrangement, then click on the menu item "Add > Bottom", to open the layer library. The new layer will be placed at the bottom of the arrangement.

Configure Layer

Select the layer you want to configure to open the Property Panel for the layer, which will allow you to adjust its properties and even configure some bindings.

Rename selected Layer

Right-click on the layer you want to rename, then click on the menu item "Rename", change the name in the rename dialog and click OK.

Move selected Layer

Right-click on the layer you want to move, then click on the menu item "Move Up" or "Move Down", to move the selected layer up or down.

Delete selected Layer

Right-click on the layer you want to remove, then click on the menu item "Delete".