# Touchdesigner

# Getting & installing Touchdesigner

Download Touchdesigner here:

[https://derivative.ca/download](https://derivative.ca/download)  
  
Check the system requirements & download the right version. Install it as usual.  
  
<span style="color: rgb(53, 152, 219);">KEy</span>  
  
The NON-COMMERCIAL version is free to use, but has limitations on resolution.  
Sing up (free) to get the keys for install.  
Check in with the HKUBlackbox if you need to borrow an educational license to unlock certain possibilities.   
Check the 'enable dongle' or 'codemeter' box during the install for this.

# Learning Touchdesigner

You can learn Touchdesigner online! The community is 'small' and helpful, to get started check out these resources:   
  
The derivative site : [https://derivative.ca/learn](https://derivative.ca/learn)   
[https://learn.derivative.ca/](https://learn.derivative.ca/)   
[https://learn.derivative.ca/courses/100-fundamentals/](https://learn.derivative.ca/courses/100-fundamentals/)   
  
**Our recommendations:** These are the TDtutorial masters, they cover a super broad spectrum and help you actually understand the basics:

<div id="bkmrk-matthew%3A%C2%A0https%3A%2F%2Fwww"><table border="1" style="border-collapse: collapse; width: 112.222%; height: 355.258px; border: 1px groove rgb(236, 202, 250);"><colgroup><col style="width: 24.9757%;"></col><col style="width: 23.6028%;"></col><col style="width: 27.3177%;"></col><col style="width: 24.2274%;"></col></colgroup><tbody><tr style="height: 355.258px;"><td class="align-center" style="height: 355.258px; border-width: 1px; border-color: rgb(236, 202, 250);">[<iframe allowfullscreen="allowfullscreen" height="111" src="https://www.youtube.com/embed/Z_WfldiO6HI?list=PLFrhecWXVn5862cxJgysq9PYSjLdfNiHz" style="width: 179px; height: 99px;" width="200"></iframe>

elekktronaut.com](https://www.youtube.com/watch?v=Z_WfldiO6HI&list=PLFrhecWXVn5862cxJgysq9PYSjLdfNiHz&index=1 "TD beginner course")  
bileam tschepe (elekktronaut)  
[youtube](https://www.youtube.com/user/nose2bear/videos) playlist  
  
Very thorough &amp; clear beginners course to get you started.</td><td class="align-center" style="height: 355.258px; border-width: 1px; border-color: rgb(236, 202, 250);"><iframe allowfullscreen="allowfullscreen" height="110" src="https://www.youtube.com/embed/hDHui-lxRw0?list=PLpuCjVEMQha9_WchDzqG878GtsJd1uJ5s" style="width: 158px; height: 87px;" width="200"></iframe>

  
 [https://interactiveimmersive.io/](https://interactiveimmersive.io/)  
The Interactive &amp; Immersive Headquarters  
[youtube playlist](https://www.youtube.com/watch?v=hDHui-lxRw0&list=PLpuCjVEMQha9_WchDzqG878GtsJd1uJ5s)  
  
The Interactive and Immersive HQ has a mission: Help TouchDesigner freelancers, agencies, artists and designers achieve their artistic visions.  
</td><td class="align-center" style="border-width: 1px; border-color: rgb(236, 202, 250); height: 355.258px;"><iframe allowfullscreen="allowfullscreen" height="111" src="https://www.youtube.com/embed/qbupHTeJCeU" style="width: 199px; height: 61px;" width="200"></iframe>

[@acrylicode](https://www.youtube.com/@acrylicode "youtube")

  
  
  
In this channel you will teach how to use Touchdesigner as a creative tool.

</td><td class="align-center" style="height: 355.258px; border-width: 1px; border-color: rgb(236, 202, 250);"><iframe allowfullscreen="allowfullscreen" height="112" src="https://www.youtube.com/embed/K7fRKMCBnd0?list=PLs0WlHa1rf23bIKTOO7AwY7FaSRExk2Go&index=2" width="200"></iframe>

  
[https://matthewragan.com/](https://matthewragan.com/)  
Matthew Ragan  
[youtube](https://www.youtube.com/@raganmd/videos) playlist

Very clear &amp; thorough tutorials, that really help you understand what you are doing.

</td></tr></tbody></table>

</div><div id="bkmrk-stuck%3Fcheck-out-help">  
**Stuck?**  
Check out help on:  
The Forum: [https://forum.derivative.ca/](https://forum.derivative.ca/)  
Discord: [https://discord.com/invite/senqbr2](https://discord.com/invite/senqbr2)   
Facebook community (quick to reply!):   
[TouchDesigner Artist Community (fb)](https://www.facebook.com/groups/235612494392957)   
[TouchDesigner Help Group](https://www.facebook.com/groups/225822177583790)  
[TouchDesigner Help Group Netherlands](https://www.facebook.com/groups/1006478572702131)  
or contact a Blackbox host!  
  
  
**Our favourite tutorials:**</div>This is a playlist, latest addition:  
<iframe allowfullscreen="allowfullscreen" height="314" src="https://www.youtube.com/embed/dkWwZ1CryYo?list=PL0UTrJQehb2MMDdTpnSE-qSAPajVGbiMK" width="560"></iframe>

  
  
Full playlist: [https://www.youtube.com/playlist?list=PL0UTrJQehb2MMDdTpnSE-qSAPajVGbiMK](https://www.youtube.com/playlist?list=PL0UTrJQehb2MMDdTpnSE-qSAPajVGbiMK)

Check out AllTD:  
beginners: [https://alltd.org/category/beginner/](https://alltd.org/category/beginner/)  
intermediate: [https://alltd.org/category/intermediate/](https://alltd.org/category/intermediate/)   
advanced [https://alltd.org/category/advanced/](https://alltd.org/category/advanced/)   
  
Some of out favourite tutorial makers:   
[https://www.youtube.com/@elekktronaut](https://www.youtube.com/@elekktronaut)  
[https://www.youtube.com/@TheInteractiveImmersiveHQ](https://www.youtube.com/@TheInteractiveImmersiveHQ)  
[https://www.youtube.com/@paketa12](https://www.youtube.com/@paketa12)   
[https://www.youtube.com/@OkamirufuV](https://www.youtube.com/@OkamirufuV)  
[https://www.youtube.com/@acrylicode](https://www.youtube.com/@acrylicode)  
[https://www.youtube.com/@rey\_nbows](https://www.youtube.com/@rey_nbows)  
[https://www.youtube.com/@raganmd](https://www.youtube.com/@raganmd)  
[https://www.youtube.com/@NotoTheTalkingBall](https://www.youtube.com/@NotoTheTalkingBall)   
[https://www.youtube.com/@pppanik007](https://www.youtube.com/@pppanik007)

# Mediapipe for bodytracking in TD: No kinect needed!

Realtime Body tracking on Mac &amp; Pc with just a webcam!  
  
Camera's like Kinect can do body &amp; facial tracking with infra red. You can read more about this on [another one of our bookstack pages](https://bookstack.hku.nl/books/3d-depth-cameras "3d-depth-cameras").   
But with AI, you can now also use your webcam for tracking!

Mediapipe is Machine Learning by Google implemented through Python;   
read up on the details here; [https://developers.google.com/mediapipe](https://developers.google.com/mediapipe)   
And if this kind of goes above your head but you do kind of want to understand what you are doing check this out: [https://www.assemblyai.com/blog/mediapipe-for-dummies/](https://www.assemblyai.com/blog/mediapipe-for-dummies/)   
  
You can install Mediapipe on you computer and in Touchdesigner using this step by step tutorial: [http://www.magicandlove.com/blog/2021/06/02/mediapipe-in-touchdesigner-6/](http://www.magicandlove.com/blog/2021/06/02/mediapipe-in-touchdesigner-6/)  
  
But, since 2023 Torin Blankensmith has developed a plugin for TD (so no separate install of mediapipe!)  
Check out the [tutorial](https://youtu.be/83StND-y4fY)  
Get the latest version of the plugin on [github. ](https://github.com/torinmb/mediapipe-touchdesigner?tab=readme-ov-file)  
*Be aware that, although this way of using Mediapipe is much easier to setup, it is a lot heavier on your system/resources than when installing the necessary libraries yourself like described above.*

# Toxes

On this page we'll share some custom toxes made previously in Touchdesigner by us.  
And them to you Palette for easy acces.   
Beware, these are handmade, to fully understand what is happening, it is advised to re-build them yourself ;)

<table border="1" id="bkmrk-etc_colorsource_par." style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 20%;"></col><col style="width: 20%;"></col><col style="width: 20%;"></col><col style="width: 20%;"></col><col style="width: 20%;"></col></colgroup><tbody><tr><td class="align-center"> </td><td class="align-center">[Bare\_Conductive.tox](https://bookstack.hku.nl/attachments/42)  
to use Bare Conductive in TD   
[more info here](https://bookstack.hku.nl/books/bare-conductive "Bare conductive")

</td><td class="align-center">[RadiusCheck.tox](https://bookstack.hku.nl/attachments/43)  
Creates a virtual point in 3D space and checks the relation between input XYZ. Set the radius in metres Set the XYZ location feed it a live location (XYZ) Outputs Percentage within the radius Outputs InsideBounds Outputs Distance in Metres</td><td><span style="color: rgb(132, 63, 161);">tbd</span></td><td>Various Toxes for controlling you LED lights trough DMX can be found here: [bookstack: digital-lighting-control-from-computer](https://bookstack.hku.nl/books/controlling-lights-2-Csu/page/touchdesigner-tox-for-various-fixtures)</td></tr><tr><td>  
</td><td>  
</td><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>  
</td><td>  
</td><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>  
</td><td>  
</td><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>  
</td><td>  
</td><td>  
</td><td>  
</td><td>  
</td></tr></tbody></table>

On Github:  
[https://github.com/hku-ect/TouchDesignerComponents](https://github.com/hku-ect/TouchDesignerComponents)   
  
  
Library-platform of inspiring TD Toxes shared by creators:  
[https://olib.amb-service.net/](https://olib.amb-service.net/)

# examples (random selection)

<iframe allowfullscreen="allowfullscreen" height="173" src="https://www.youtube.com/embed/0tVn7OcRxHw" style="width: 309px; height: 173px;" width="309"></iframe>

 <iframe allowfullscreen="allowfullscreen" height="171" src="https://www.youtube.com/embed/oSPbZISVjRM" style="width: 307px; height: 171px;" width="307"></iframe>

<iframe allowfullscreen="allowfullscreen" height="168" src="https://www.youtube.com/embed/SbYtIiZdrew" style="width: 304px; height: 168px;" width="304"></iframe>

 <iframe allowfullscreen="allowfullscreen" height="170" src="https://www.youtube.com/embed/G7JP4RvUhCA?list=PLl5TtbxZytbmOqruxcmiMQSDXSgiANydw" style="width: 306px; height: 170px;" width="306"></iframe>

<iframe allowfullscreen="allowfullscreen" height="169" src="https://www.youtube.com/embed/UyUOhb8oIec?list=PLl5TtbxZytbmOqruxcmiMQSDXSgiANydw" style="width: 301px; height: 169px;" width="301"></iframe>

 <iframe allowfullscreen="allowfullscreen" height="170" src="https://www.youtube.com/embed/R_MNlJCt2qo?list=PLl5TtbxZytbmOqruxcmiMQSDXSgiANydw" style="width: 305px; height: 170px;" width="305"></iframe