The 100 Series: TouchDesigner Fundamentals

101 – Navigating the Environment
10 Topics
The User Interface
Using the OP Create Dialog
Reading Network Anatomy
Reading Operator Anatomy
Operator Wires, References & Links
Working with TOPs
Working with CHOPs
Working with DATs
Working with SOPs
Working with COMPs
102 – TOPs: Working with Images
12 Topics
Working with Image Files
Working with Video Files
Adjusting Images
Shapes & Colors
Basic Compositing
Mattes & Masks
Building Patterns
Routing Your Content
Creating a bloomEffect
Creating a Feedback
Live Sources
Saving Images & Video
103 – CHOPs: Working With Signals
11 Topics
Controlling OPs with CHOPs
Working with Single Sample CHOPs
Creating Patterns with CHOPs
Working with Multi-Sample CHOPs
CHOP Math
Signal Routing
Time & Events
CHOP History
Manipulating Audio
Input Signals & Simulation
The Kinect CHOP
104 – SOPs: Rendering 3D Scenes
9 Topics
3D Generators
Essential Procedural Modeling
Animating with the Noise SOP
Basic Render Setup
3D Geometry COMP Features
Working with Cameras
Lights & Shadows
Texturing Geometry with MATs
Physically Based Rendering
105 – COMPs: Organization & Outputs
5 Topics
Perform Mode & Output Basics
Outputting Content to Displays
Panel Layout & Organization
Organizing Operators & Networks
Paths of Operators & Networks
106 – COMPs: Interface Building & Controls
5 Topics
Relationships between Parameters
Simple Panel Interactions
Working with Custom Parameters
Fast UIs with the Parameter COMP
Palette Widgets
107 – DATs: Scripting & Python
9 Topics
References & Binding Parameters
Essential Python Expressions
Execute & Callback Anatomy
Scripting Events with Callbacks
Text & Tables
Evaluating Expressions
Reading & Using the Textport
Parsing JSON
Loading Data Sources from the Web
108 – Resources, Tips & Tricks
8 Topics
Interoperability Protocols: OSC & DMX
Exploring Operator Snippets
Exploring the Palette
TouchDesigner Python Examples
Optimization
When Disaster Strikes: Crashes & Bugs
The Forum & Where to Get Help
The User Guide & Wiki
Previous Topic
Next Topic

Fast UIs with the Parameter COMP

The 100 Series: TouchDesigner Fundamentals 106 – COMPs: Interface Building & Controls Fast UIs with the Parameter COMP

Curriculum Navigator:

If you’re viewing this page from the TouchDesigner curriculum explorer, you can use the buttons below to interact with this topic.

Load Example
TD Network
Web

Overview:

The fastest way to construct a UI is to use the Parameter COMP. This COMP can adapt any operator’s parameter dialog as a UI element elsewhere. This allows you to build control panels quickly without spending too much time working out the look/feel of specific UI elements.  The Parameter COMP can reveal the entire parameter dialog of an operator or just a few choice parameters.

Download Example .tox
References:
Previous Topic
Back to Lesson
Next Topic
Scroll to Top