Touch Designer

• Official Website

• Interactive and Immersive HQ Tutorial channel

• Left Click + drag: Move an operator. If done on empty space: pan view
• Mouse Wheel: zoom in/out
• Right Click + drag: Selection box

The Graph Editor portion of Touch Designer is called the Network Editor, and a bunch of interconnected operators doing some kind of function is called a network.

The nodes are called Operators.

The Network Editor has a path bar at the top of the interface and projects in Touch Designer are similar to a Unix file hierarchy.

Double-clicking on a grey operator will open this component and display the nodes that build it up. (e.g. geo1 in default file)

Even though the operators have 3D Previews, behind the scenes it is just data being visualized differently.

Viewers can be toggled Active with the button on the bottom right. This locks their position and enables to move the content around in the preview panel to highlight details of its processing. This does not affect its output.

MIDDLE CLICK on an operator opens the info dialog for that operator.

For each Operator hitting the ? button in the parameter window will open up the wiki page for that operator.

From the top menu Help > Operator Snippets opens up a floating window with many examples and notes on each operator and how to use them.

• TOP: TEXTURE OPERATOR - Purple - Works exclusively with 2D rasterized graphics
• CHOP: CHANNEL OPERATOR - Green - Signal, communication, numeric & control data
• DAT: DATA OPERATOR - Pink - String level of data, web, tables, etc. More complex data than numeric
• SOP: SURFACE OPERATOR - Blue - Procedural 3D Geometry
• COMP: COMPONENT OPERATOR - Grey - Multi function components (3D rendering - Panels - etc.)
• MAT: MATERIAL OPERATOR - Yellow -

The darker colors in all families are generators.

Keyboard shortcuts only works while the cursor is in the Network Editor

Keyboard shortcuts are case sensitive ! Careful with CAPS LOCK.

• TAB: Open Operator Create Menu (type in name to highlight)
• I: Move into a network (also mouse wheel on it but clunky)
• U: Move out of a network (up one level)
• H: Home network on screen
• P: Open/Close Parameters window
• ALT + Z : Close the panel under the mouse hover (Network Editor)
• ALT + [ : Split vertically (Network Editor)
• ALT + ] : Split horizontally (Network Editor)

Data always flows from left to right.

Connections between nodes can be still (no animation) or cooking (animation visible on the noodle).

Cooking refers to the operator updating it's input/outputs because the data flow is variable.

Every node has parameters that can be manually controlled, tied to UI, scripted, etc.

Right click on a node gives the option to open a floating parameter window.

When editing a parameter (e.g. speed on a moviefilein) MIDDLE MOUSE click and hold on the value will open a hover menu where the increment can be changed. While holding, when selecting an increment, sliding left and right will decrement/increment the value by the given increment. (Also works with a LEFT CLICK and hold but the hold is a little longer).

When a parameter has two values that you would like to increase/decrease equally this technique can be applied on the name of the parameter.

Rendering is done in a Render TOP.

Basic setup involves the 3D COMPS Cameras, Geometry and Light to bring the SOP chain operating on the CPU to the Rendering pipeline operating on the GPU and rasterize the content.

Add In SOPS in the Geometry op to send a chain of SOPS into it.

The display and render flags tell the rest of the network whether the node should be used in the rendering process and displayed in the viewer.

You can also take the output of your last (preferably null) operator in the SOP chain and right click > COMP > Geometry to automate a lot of the process.

You can put multiple things in a geometry comp with the display flag ON but it's best practice to keep just one item per geometry to have a cleaner network.

Output is done by using the Window COMP.

You can open as a separate window or in perform mode.

Tweak the Monitor, Opening Size and Toggle the Borders parameters.

Texturing is done with MAT operators and by sending things into the Color map property.

When creating a network of nodes, add null operators at strategic checkpoints. This way you can reference these null “checkpoints” everywhere else in your project and if anything has to change prior to the checkpoint the reference is still valid.

TOPs have a display flag at the bottom right which can be turned on to toggle a preview in the background of the network editor.

Use Select CHOPs to extract different channels from your other CHOPS to use them in the network.

• Select the CHOP and toggle the display with the + in the bottom right
• Select the TOP to link to parameter
• Drag & drop from the CHOP into the parameter
• Select Reference type (Most of the time it's CHOP Reference

You can also drag an entire CHOP into a CHOP to TOP operator to reference it.

COMP Buttons and sliders can be connected to Null operators to toggle them into run mode and handily display their output.