Widgets 101

by Elburz Sorkhabi in Workshops on December 27, 2019
You need to be logged in or purchase an HQ subscription using the Join the HQ button at the top of the page. If you started a 14-day Trial, this content will be unlocked if you change to a full subscription by emailing us at hello@elburz.io

Summary

We all know user interfaces in TouchDesigner are hard. If you’ve taken our Perfect User Interfaces training you’ll know all the ins-and-outs of creating your own user interface elements from scratch. But what if you need a UI made quickly? What if you want to skip building your own UI pieces? Widgets to the rescue! Widgets are the new and powerful way to make user interfaces quickly and easily in TouchDesigner. What they lack currently in their customization, they make up for in speed of deployment and out-of-the-box features that are easy to access through their custom parameters. Combined with new features to TouchDesigner such as bindings, creating quick, scaling, and aesthetically-pleasing user interfaces is a breeze.

Timestamps

  • Intro – 00:10
  • Overview of widgets – 00:31
  • Where to find widgets – 01:54
  • Hierarchy of widgets – 02:35
  • Rules for using widgets – 04:47
  • The parameter layouts of widgets – 09:30
  • How to re-range values of widgets – 19:53
  • Building a simple UI – Intro & Layout – 22:32
  • Building a simple UI – Making a button grid – 24:18
  • Building a simple UI – Making a row of sliders – 29:58
  • Building a simple UI – Adding spacers the hard way – 32:29
  • Building a simple UI – Adding spacers easily & Flexible widgets – 42:31
  • Building a simple UI – Finishing touches – 48:00
  • How to NOT access widget values – 48:47
  • Introduction to bindings – 51:34
  • How to setup bindings manually – 54:10
  • How to automatically setup bindings – 56:29
  • Advanced UI – Intro – 01:07:05
  • Advanced UI – Layout & Page System – 01:07:34
  • Advanced UI – Colours page – 01:19:29
  • Advanced UI – Sliders page – 01:27:27
  • Advanced UI – Buttons page – 01:34:30
  • Advanced UI – Referencing values & Bindings – 01:40:25
  • Using unicode icons in your widgets – 01:53:50
  • Using material design icons in your widgets – 01:56:43
  • How to upgrade widget systems – 02:02:13
  • Automatically generate UI’s using widgets – 02:06:47
  • Outro & Thanks – 02:10:12

What’s included?

  • Over 2 hours of HD video
  • Templates of TouchDesigner projects created in the training

Pre-requisites

  • None!

Categories: Workshops