Download the template: https://eusebijucgla.gumroad.com/l/td-ui-with-widgets In this tutorial I explain how to work with containers and widgets within Touchdesigner. You will learn how to hook up those widgets with a simple audio visual setup. UI Theme download link: https://eusebijucgla.gumroad.com/l/ui-theme

Download – https://eusebijucgla.gumroad.com/l/ui-theme-1-0 UI Theme is a component to style in bulk the basic widgets provided by Touch Designer. More often than not, I found myself repeating the same actions in order to style the default settings for the Basic Widgets, like setting the Background Alpha to 0 or its Horizontal Mode to Fill . […]

A deep dive into the MIDI mapping of a full controller using the Bind CHOP. Learn about channel management to make renaming, organizing and mapping of large controllers easier to manage and maintain. Starting Project: https://tinyurl.com/ycgz2763 Completed Project: https://tinyurl.com/y2r6jt7m TouchDesigner 2020.25380+ required TouchDesigner mapping tools mentioned at 00:42 Alphamoonbase’s Galileo Mapper Family – https://derivative.ca/p/62142 Emintzer’s […]

A quick introduction to the Bind CHOP and how to bind parameters to CHOP channels. Starting Project: https://tinyurl.com/ycgz2763 TouchDesigner 2020.24520+ required MIDI, OSC, and other inputs often come into TouchDesigner as CHOP channels. This workflow shows how to bind these channels to parameters anywhere in your project.

Workshop: Generative Interfaces with Widgets Part 1 Widgets are a new and exciting way to create highly customizable interfaces. Even though widgets can effectively reduce a creator’s workload it can still be hard to build big and complex interfaces by hand. In this workshop we will take a deeper look at ways of automating interface […]

https://www.instagram.com/yop3rro/ -Generación de interfaz Gráfica (UI) para controlar nuestra red

Exploring the advantages of using Custom Parameters and Binding in your Widgets workflow. Example File: https://tinyurl.com/y5asqpbs TouchDesigner 2019.19160+ required

In this video we go over how to connect your UI Widgets to all the parameters of your system by using Binding. Example File: https://tinyurl.com/yyl3gt7o TouchDesigner 2019.19160+ required

This video describes how to use the Widget Update System. We will update the Widget package used in Part 5 to a more current set of Widgets to use over the next few videos. Example File: https://tinyurl.com/y5r29v6l TouchDesigner 2019.19160+ required

Finally we add functional widgets into the panel layout we created, filling in the interface with knobs, sliders, and buttons. Furthermore we examine how to setup the look and features of widgets through their parameters. Example file: http://tinyurl.com/y4mzb3xn TouchDesigner 2019.13330+ required 0:00 – Knob widgets 7:00 – Slider widgets 8:00 – Button widgets 10:00 – […]

Anchors allow UI elements to keep their proportions when changing the size of the interface window. This is the third and final mode to help create responsive UIs that scale exactly how you want them. Example file: http://tinyurl.com/y2wy4o99 TouchDesigner 2019.13330+ required 0:00 – Using Anchors for proportional scaling 2:00 – The Crop setting 4:21 – […]

In this video we discuss common panel scaling pitfalls and how to use panel’s Fixed Mode to lock the proportions of certain UI elements. Example file: http://tinyurl.com/yxtz5aor TouchDesigner 2019.13330+ required 0:00 – Scaling panel issues to look out for 2:56 – Fixed Mode for locked proportions

In this video we discuss creating sub-panels for easier layout of knobs, sliders, and buttons. Example file: http://tinyurl.com/y6y5vb5m TouchDesigner 2019.13330+ required 0:48 – Creating a knob panel layout 3:24 – The Widget COMP 5:33 – Creating slider and button layouts 8:30 – Mixed widget layouts