Network Editor

From TouchDesigner Documentation
Jump to: navigation, search

The Network Editor is a pane type in TouchDesigner that is used to create and modify Operators. The Network Editor is the default pane type for TouchDesigner and is visible when the program is launched. Navigating in the Network Editor is an important skill to learn early in TouchDesigner. Mastery of the Network Editor allows you to more easily modify and update your networks over time. The primary tool for network navigation is the mouse, although some operations have menu or keyboard equivalents. Each mouse button manipulates the Network Editor interface in a different way.

Network Navigation[edit]

Node Selection[edit]

Use the left mouse button LMB to select nodes. Select multiple nodes by box-selecting all desired nodes using the RMB. Alternatively, you can hold down the Ctrl key and left-click on each individual node you want to add tot he selection. To move a node, select it and keep the LMB depressed to drag it around the Network Editor.

Moving Around the Network[edit]

The left mouse button (LMB) navigates networks without changing the zoom level. Drag using the LMB in any empty area in the network to pan around the network. A scale 'overview' representation of the Network can be toggled on and off with the "o" key.


The middle mouse button MMB controls the zoom level. The current zoom level is always visible at the top left corner of the Network Editor. To return to Unity Zoom (zoom level of 1), use the keyboard shortcut "f" for Unity Frame All.

If the middle mouse button is also a scroll wheel on your mouse, scroll forwards to zoom in and scroll backwards to zoom out. For more sensitive zoom control, click and hold down the MMB, dragging up or right to zoom in, or dragging down or left to zoom out.

You can also box zoom by holding down the Ctrl button while using the MMB. To zoom in, hold down Ctrl and draw a box from left to right with the MMB. To zoom out, draw the box from right to left.

Moving Between Networks[edit]

There are several ways to move in and out of Component networks.

To enter a network (go inside a component):

  • double-click on a component to go inside its network
  • use the scroll wheel to zoom up close to a component and keep zooming in to go inside its network
  • select the component and then press <Enter> key to go inside its network
  • select the component and then press the < i > key to go inside its network
  • select the component and then press the 'double arrow' in the network path found at the top of the pane
  • on the component click RMB and select Enter Component from the menu

When inside a Component, to go up a level:

  • press the u key
  • use the scroll wheel to zoom out
  • in the network path found at the top of the pane, click on the component’s name you want to see. For example, if the path is /project1/scene1/geo2 and you want to go /project1, simply click on the word "project1".
  • you may find the Back and Forward buttons in the top pane bar handy to navigate in and out of Components.

Interacting with Operators[edit]

Here are some other interactions you can perform in the Network Editor.

  • Resize nodes by grabbing the edge of the node with LMB and dragging
  • Grid snapping is on by default, adjust grid options in Preferences (Edit > Preferences > Network)
  • Layout and Display options are found in the Network Editor's RMB menu
  • Node Viewers can go into Viewer Active mode (interactive mode) by clicking on the Viewer Active flag found in the lower-right corner.
  • Flags on the operators can be used to toggle their state (display state, render state, pickable state, etc)
  • Animated Wires indicate data flow between operators.
  • The Network Editor can be toggled to list mode by pressing the t key.

See also[edit]

A pane type where networks of operators can be created and edited.

Every component contains a network of operators that create and modify data. The operators are connected by wires that define where data is routed after the operator cooks its inputs and generates an output.

An Operator Family that contains its own Network inside. There are twelve 3D Object Component and eight 2D Panel Component types. See also Network Path.

(1) The TouchDesigner window is made of a menu bar at the top, a Timeline at the bottom, plus one of a choice of Layouts in the middle. A Layout is made on one or more Panes, each Pane can contain a Network Editor, Viewer, Panel, etc. See Pane and Bookmark. (2) Nodes in a network are arranged using Layout commands in the RMB menu.