Touchdesigner Tutorial: Particle Displacement based on Music and Video (optimized version)

**Camera Constraint**
For anyone wondering: There is no more "constraint to" option in the newer versions, but a dropdown called "parent transform source". Click it and chose "specify object". Than your can input the null :)

I recently uploaded the same tutorial, but have since optimized it, so the visual will run wayy smoother/faster on your computer. So here is the optimized version. (Also the tutorial is shorter and easier).
_____________________________

In this Touchdesigner tutorial i'm showing you, how to displace particles, based on video and music input. Don't let yourself be intimidated by the length of this tutorial, i'm including some useful information here in there, but in the end the project ist not that complicated :)

(pardon the inconsistend pronunciation of "z" :D)

Chapters:

00:00 Intro
00:53 Side Note: OptimChanges in this optimized version
01:32 Intro Touchdesigner Project
02:44 Preparing the Network / UI
03:47 Instancing & Rendering Setup
08:22 Instance Preparation (IP)
09:57 IP (TOPs)
14:28 IP (SOP Grid)
14:59 Explanation Z-displacement
16:24 Using TOPs for Z-displacement
18:35 Instancing
21:43 Music Reactivity
25:21 Cam Movement
30:25 Post Effects
33:38 End

Mentioned Links:
Crazy Radio Channel: @CrazyRadiofilm
Function Store Channel: @FunctionStore

Track: MEMBA & WiDE AWAKE - Vexed (feat. Xo Man)

[stront]

even though you said it wasn't for beginners, i thought the tutorial was a lot more clear then most of the tutorials out there. you did everything step by step, with a not-so-fast pace, so i could easily follow along and you explained why you did what you did. ended up tweaking some stuff to my liking and adding a webcam as the input, end result is awesome. thanks!

[andrekaique]

We always need another touchdesigner tutorial channel please keep doing

[lucasspataro]

This video was immensely helpful. As a total TouchDesigner noob i managed to follow along and even tweak some parameters to my own taste. Thank you very much for sharing your knowledge, hope to see more from you in the future to keep learning. Cheers from Argentina!

[oooooo]

This helps so many aspiring young artists out there so much, thank you for making this video. We all hope you'll find the time to do another one in the future! Weiter so :)

[drippinsauce]

Wow, this is incredible. exactly the type of visuals i've been imagining. Hella stoked to learn it.

[arkhamengineer]

this is a fantastic tutorial! I love how you include little bits of info on what each parameter does and why you adjust specific ones.

[superthoughts]

I watch a lot of TD tutorials and this is one of the best I've seen so far. I really appreciate your pacing with this and all the added information that ties it all together and answers the "why" your using specific operators. Wonderful job! Follow! <3

[joshluttrell]

Thank you so much for sharing your knowledge. With everything being commodified these days, its wonderful to see people still willing to teach and share for free.

[mod.x]

Sehr nice! Bin erst vor ein paar Tagen auf touchdesigner gestoßen und bin begeistert was für ein starkes Tool das ist. Danke für das Tutorial!

[ThePyramid]

Thanks for explaining step by step functions and consequences, we noobs need that more than anything.. Awesome work

[robthefriend]

Really good tutorial, definitely one of my favorites so far

[knast]

So nice! Very very well done for your first tutorial!

[dhakerbadri]

Best onee out here yet, as a newbie I wanted to thank you for the effort. It was so entertaining that I watched without following up :') Tommorrow will try it, I have soooo much ideas. Thanks keep on sharing knowledge.

[jcyrza]

Amazing video, I am currently experiencing an issue in the @16:36, when I connect the Chop to Top and change to square and RGB, I see a Red, blue green and yellow squares dividing the view equally. If I zoom, I get the same shapes divided in triangles. Any idea on how to fix this?

Edit: After tweaking and testing, since my comp is 16:9, the Grid had to be also in that ratio. The dimension of the grid was too big (instead of using 1:1 or 1.6 to .9, I used 16:9). It was too big for the chop to to fit it properly to the pos. At least, that's how I've come to understand the issue. Now it works!

[julianbain]

Awesome tutorial! Very clear and easy to follow. Thank you so much!

[muhammadjiddanh]

I LOVE YOUR VIDEOS BRO! THANKS FOR THIS AWESOME TUTORIAL! KEEP IT UP!!!

[Misanthropix]

That was amazing, thank you so much for sharing.

[Knaps_]

Awesome video! For the UV map you make at 15:30 I would recommend using vertical and horizontal ramp tops > reorder > math instead of the SOP > CHOP > TOP. Its the exact same result with an offset UV grid but all within the TOP domain so IMO its a little cleaner (maybe less cpu intensive?). The grid is nice for the tutorial as a way of visualizing though! Keep up the good work :)

[sasemoimusic]

Great tutorial and well explained/easy to follow, thank you!

[thomasneild]

great tutorial, so far I have run into 2 problems and cant find a solution anywhere (im a beginner). the movie file in operator has a yellow error icon. Also, my out TOP has a red cross error. Can anyone help with this?