Binding Editor

The binding editor allows you to edit node networks that define how the value of a bound setting dynamically is calculated.

Components

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

Node Network Document

This is where your node network is being visualized and where you can interact with it.

Nodes

Node networks are built from various nodes and the connections between them.

Input/Output Nodes

Input/output nodes are the boundaries of a node network. These are the hubs into our out of the node network. For example, a condition network defines a boolean output boundary from its network.

Signal Nodes

Signal nodes are nodes, that process or manipulate an incoming signal, generate an output signal and/or publish or consume triggers. Their throughput can be as low as outputting a single configured constant, and as high as real-time processed audio features, for example.

Node Ports

Node ports are the data gateways from one node to another. There are two kind of ports, input and output ports.

Input Ports

Input ports define data gateways into a node, allowing it to consume data or triggers from other nodes.

Info

Input ports are always visualized on the left side of a node.

Output Ports

Output ports define data gateways from a node, allowing it to publish data or triggers for other nodes to consume.

Info

Output ports are always visualized on the right side of a node.

Node Connections

Node connections allow you to connect output ports of nodes to input ports of other nodes. These connections define the routes for the dataflow from one node to another through the node network.

Info

Output ports can only be connected to input ports with the same datatype.

Output Value Chart

This chart shows you the output value of the node network in real-time. You can move your mouse over the chart to see the corresponding value at the mouse position as well.

Info

The output value chart is only available for boolean or float network output types.

Ribbon Menu

While the node network editor document tab is open and active, the ribbon menu gives you more options within the "Editor" tab to interact with the node network.

Node Library

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

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

On the right side, you can see details and a node preview to the currently selected node from the library tree.

Interactions

In this section, we will discuss various ways how you can interact with the node network editor.

Zoom in/out

You can zoom in or out by using your mouse wheel within the node network document.

Drag/Drop the Network Canvas

If you want to navigate through your node network, you can click and hold your middle mouse button within the node network document and drag it to move around the network canvas. Release the mouse button to stop dragging the canvas.

Add new Node from Library

To add a new node from the node library to your node network, click the "Add Node" > "Library" button in the nodes ribbon menu. This will open a dialog, where you can select the node you wish to add.

Click OK to add the node to the node network. It will automatically follow your mouse. Drop it where you want to place it by clicking the left mouse button at the target location.

Select Nodes and Connections

Click and hold the left mouse button over a free area within the node network to start the selection process with a selection rectangle. Move the mouse over the nodes and connections you want to select. If you cross the selection rectangle with a node or connection, it will be selected. Release the mouse button to stop the selection process.

Alternatively, you can also select nodes or connections by clicking on them. Select multiple nodes or connections by holding CTRL key while doing so.

Connect Nodes

Connect a node output port with an node input port by clicking and holding the left mouse button over one of both ports. Move the mouse to the other node port. This will show you a preview of your node connection. If you reach the other node port and it changes its color to green, then you are able to establish the connection by releasing the mouse button.

Info

You can only connect node ports that share the same datatype.

Info

Currently you are not able to connect multiple inputs to one single output. This will be resolved in a future release.

Warning

Avoid creating cyclic dependencies, as these are currently not prevented. This will be resolved in a future release.

Disconnect Nodes

Remove a connection between nodes by selecting it and pressing the DEL key. You can also remove multiple selected connections at once.

Move selected Nodes

You can move one or multiple selected nodes by clicking and holding the left mouse button on one of the selected nodes and dragging them by moving the mouse. The selected nodes will immediately follow your mouse. Release the mouse button to drop the nodes to their new position.

Delete selected Nodes

Remove selected nodes and connections by pressing the DEL key.

Info

Nodes that are removed from a node network will be automatically disconnected from all other nodes beforehand.

Open Node Properties

Adjust node settings by opening the properties panel via "Edit Node" > "Properties" within the nodes ribbon menu and selecting the node you wish to edit.

Info

In addition to node settings, you are able to adjust many node inputs via properties panel as well, as long as they are not connected.