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

[@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!

[@freivonstil]

I'm glad you liked it :) And i'd love to see your result :)

[@andrekaique6480]

We always need another touchdesigner tutorial channel please keep doing

[@o0oo888oo0o]

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 :)

[@freivonstil]

thanks!

[@lucasspataro894]

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!

[@freivonstil]

thanks for the ind words :)

[@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!

[@freivonstil]

Thank you so much for the kind words! :)

[@gonzoproductions_o0]

couldn't of put it better myself, I am just starting to use touch designer and everything makes so much more sense after watching this legends video

[@drippinsauce1915]

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.

[@joshluttrell7883]

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.

[@freivonstil]

thanks for your kind words :)

[@jcy4rza]

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!

[@mod.3x]

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!

[@m4teo_borges]

im in love with u thx for existing

[@freivonstil]

haha thanks :D

[@henriquematias1986]

really well explained! thank you

[@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 :)

[@freivonstil]

I know, i chose to use a grid exactly for that reason: to demonstrate the displacement part with the colors :) So a little more complication for the sake of explanation :D

[@Knaps_]

@@freivonstil Gotcha its way easier to visualize for sure! Forgive me for nit picking I just heard you mention optimization several times and figured I might as well suggest it lol :)

[@ThePyramid21]

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

[@freivonstil]

love to help and love the feedback :)

[@robthefriend8725]

Really good tutorial, definitely one of my favorites so far

[@freivonstil]

thanks!

[@maxwedekind8992]

Very cool!!! Thank you

[@alexbalentine9792]

this is literally my first touchdesign tutorial and you make everything very clear and concise :). one issue, the resolution of my video doesnt fill out the screen like yours does and i get a smaller version of my video surrounded by much more black than yours is, not really sure on how to fix it and im worried that i might break something lol. this software is very cool and i would love to learn more in the future from you, thank you

[@freivonstil]

ou can use a transform top to zoom the video in. If your grid is too small in th render top, you can move the camera closer (z-direction) :)

[@julianbain137]

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

[@dhakerbadri8040]

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.

[@freivonstil]

Thanks!

[@knast7093]

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

[@sasemoimusic]

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

[@naterza]

This is such a wonderful tutorial, I can't thank you enough. I do have a question as to how I can adapt this project from using a video ratio of 1:1 to something like 16:9? Any advice would be greatly appreciated, please keep making touchdesigner tutorials!

[@freivonstil]

At 09:27 add another constant. You can call them ResX and Resy and use the to constants to drive the Y and Y resolution instead of using one resolution for both axes. The Grid SOP (around 14:25) also has to be changed in Size. (X to 1.7, Y to 1) and then you use ResX and ResY (from 09:27) for the rows and collumns instead of the same resolution for both. Hope that helps :)

[@naterza]

@@freivonstil Thank you so much!

[@thomasneild3224]

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?

[@freivonstil]

clicking on the operators will show the error. The yellow one just means, that your video sourve is limited to 1280x1280 pixels (maximum in the free version). So it will still work. The other one can't be generalized, its propably some wrong input into the top or something like this :)

[@thomasneild3224]

@@freivonstil thanks for the reply! I have solved the red cross but i'm still not getting anything from the viewer. currently going back through the video again to see if i've missed anything:)

[@thomasneild3224]

i have went through 5 times to try and fix but cant spot anything im doing wrong for the particle system not being visable after render. would be so happy if i could get it to work, can anyone think of ways of troubleshooting this?

[@muhammadjiddanh880]

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

[@freivonstil]

Thank you for the kind words! :)

[@Misanthropix]

That was amazing, thank you so much for sharing.

[@tim_sign]

that’s awesome!!!

[@elekurio1369]

Thank you sooo much from Italy :)

[@alecfop4950]

Amazing tutorial man looking forward to more

[@freivonstil]

soon ;)

[@chrisaristedou773]

danke schön!

[@gianniskaragiannis4300]

amazing work amazing tutorials!!! KEEP IT UPPP

[@freivonstil]

will do ;)

[@tempiranyat]

Omg. Man it soooo cooool. Thx.

[@xxeatmarker34xx]

Amazing stuff, thank you, I was searching for that kind of effect ! This is your first tutorial but it's very well explained, I hope you still have a lot because I would be here, you gained a +1 like, +1 sub my friend 🫡

[@phule5966]

you are amazing.

[@0x44Monad]

more tutorials please!

[@jollydod]

very very very great video! thank you so much for sharing this knowledge

[@slumberspeak]

AWESOME tut! I followed to the end and everything was working great! I went to change the Video on "movie file in", but for some reason it's not updating to show the newly linked video? Any ideas?

[@freivonstil]

Thanks :) This should normally work, does it work if you just drag and drop the new video into touchdesigner and then connect that to the network?

[@slumberspeak]

I'm an idiot. mistake is too embarrassing to describe lol. thank you for replying, and again amazing tut! @@freivonstil

[@ASSAKKER]

Hammer Tutorial Danke dafür!!!!!!!!!!!!!!!!!!!!! Mehr davon Bitte!!!!

[@freivonstil]

Na immer doch! Und danke dir :)

[@pataguan]

Muchas gracias por compartir tus conocimientos, me ha servido para seguir aprendiendo, abrazos

[@freivonstil]

de nada :)

[@visualguerillaFILMs]

DANKE für das ausführliche Tutorial! Kann gerne auch mal ein deutschsprachiges online gehen ;) Keep on rockin'

[@helloseas]

Hey there ! Thanks for this tutorial, i'm currently trying to put the alpha at zero in 4th tab as you do @18:00 but it's not showing any alpha on my reorder OP, does anyone have a clue about this ? Thanks ! :) Edit : in the Reorder OP, the Common tab wasn't set to the right pixel format (RGBA) thanks again! :)

[@freivonstil]

did you leave the input at "Input 1"?

[@helloseas]

@@freivonstil sure, same as you did :) I’m making some research rn and will let u know if I find something ! Thanks for being reactive

[@carlocrearte]

Thank you very much for your video! It is really nice! - I keep having the same issue with many tutorials. My exports are all very dark and do not have a lot of colour. How can I fix that? Like is there an operator that could fix my issue before the last .out? Thanks in advance!

[@freivonstil]

Hi Carlo, thanks for the compliment :) By export i assume you mean a Moviefile Out TOP? If so - what format do you use? Trouble Shooting: Put a Null before your last OUT and look, if the content is already dark. If not, it's your export settings. If it is already dark - then i dont know. But a quick and dirty workaround is to ust a level TOP before your last out. In that operator you can controll, brightness, contrast, gamma etc and push up the values.

[@gueisenguei7785]

fxxk that's too amazing, it may help me a lot when i try to do some visual things in the underground club😋 thank you !!!! Highest respect from China

[@timurm.4839]

Awesome!

[@AMYLUXamylux]

thank u so much for this

[@sheagonsalves9510]

hey .. in the cam 1 parameters i aint able to get the cam mover to the constraint to as on my version of touchdesigner i dont have tht option .. please help

[@freivonstil]

This is a change in touchdesigners ui. read the video description for more info :)

[@sheagonsalves9510]

@@freivonstil thankk youu

[@spatheitspatheit8846]

great tutorial, thanks for sharing :) if you want to make a follow up - i'd love to see how you programmed the cube - looks great aswell

[@freivonstil]

By cube you mean the installation with the particle field controlled by body movement?

[@spatheitspatheit8846]

@@freivonstil no i meant the subdevided cube from line and phong material, i imagine the other one being quite a long tutorial 😅

[@freivonstil]

@@spatheitspatheit8846 good idea, it's actually not that complicated :) ( i think easier than this one here)

[@matigekunstintelligentie]

Very nice!

[@yvann.mp4]

amazing, thanks a lot !!!

[@glev6015]

i dont hacve a "constrain to" option in camera tool touchdesigner. Where i can find it ?

[@freivonstil]

look in the video description ;)

[@Monja191]

Great stuff. What if I want to inject ambient sound through a mic instead of using an Audio File In?! TY 😅

[@freivonstil]

Then you use a audio device in and chose your microphone ;)

[@Monja191]

...got it, also needed a math for multiplication power btw the audio device in and the audio analysis 🍺

[@岡村悠聖]

nice! thankyou

[@cynergy]

Hallo! Bis jetzt ein super Tutorial, aber ich habe Probleme damit, den "bass_AMP" node in den "math2" node zum Multiply-Parameter zu stecken. Es zeigt diesen Fehler: "Error: TypeError: float() argument must be a string or a real number, not 'td.nullCHOP Context: (Parameter: Multiply) (/project1/math2)" Was kann ich tun? Ich benutze übrigens TD 2023.

[@freivonstil]

Hi Synergy, du musst den bass_AMP viewer active machen (mit dem kleinen Plus in der unteren rechten Ecke vom CHOP). Dann ziehst du den Inhalt per drag & drop auf den math 2 OP (CHOP Reference). Du hast den ganzen Operator in den Math OP gezigen, dubrauchst aber nur die (CHOP) Referenz.

[@cynergy]

@@freivonstil Jetzt klappt's! Danke dafür! Übrigens, die deutschen Anleitungen würden mich auch interessieren, da hast du was im Video erwähnt, oder? :)

[@nurhanguney2965]

thank you soooooooooooooo so much and you are so sweet!!!!!!!!!!!!!!

[@hera-io]

Thank u so much!

[@胡康鑫]

May I ask why my camera component does not constrain to?

[@freivonstil]

There still is, it's now a dropdown called "parent transform source", there you can chose "specify object" :)

[@胡康鑫]

@@freivonstil

[@Whatnexttttt]

some how i got Error: All OPs must generate the same number of instances touch dessigner when i get to the instancing part any one help please?

[@freivonstil]

That happens, when the number of instances is inconsistent between operators. You propably dont have the same resolution on all ops. When you use two operators (e.g. one for position and another one for color), they need to have the same resolution. Otherwise the Geo Comp will not render. Thats why i used the Constant chop for a singular resolution, i input into everything ;)

[@yashasv.doodles]

Hi! this is a super fine tutorial :D, I do, however, get stuck at the moment when you put in the 'pos' operator into the instancing translate op box. There comes a pop up dialog box stating a Vulcan device error?? and asks me to install my latest graphics driver, which i do have. The pop up mentions that I need to simplify my shader code to express it but instancing shouldn't be an issue? I'm running the 2023 experimental version of TD, is there a reason why I might be experiencing this?

[@freivonstil]

This seems to be a driver issue with some of your internal hardware. It's not an issue in the touchdesigner network. I suggest googeling your vulcan error, there is lots of error discussions on the derivative forums (Touchdesigner community) :)

[@smyrkphace]

I cant believe I found this tut, I literally just used the crazy radio setup to build something similar a few days ago using points. I think this way is much cleaner than what I did! I want to spawn secondary particles off of the cubes, but when I do it they are treated as one block, so the turbulence doesn't treat them as a cloud. Do you think its possible to have the displaced grid vertices spawn points, so we get a sort of trail? cheers!

[@freivonstil]

Can you specify, what you mean? (If you want, you can also send the tox to me ([e-mail]) and i can take a look). For Spawning secondary particles i suggest taking a look into the particles GPU. There you have diffuse particles, i think they can provide, what you're looking for. @noones.img has a really good tutorial for the particles gpu :)

[@smyrkphace]

Hey thanks for the reply, I mean using the geo node points as a source for particles to spawn from. I fail in getting that geo as a source using particles or gpuparticles. it just spawns one point or a line. @@freivonstil

[@freivonstil]

@@smyrkphace I think this isn't possible, since the geo comp doesen't have a geometry out (or at least not an instanced geometry output) - meaning you can't use the Instanced position information out of the geo comp. Maybe there is a workaround, but i don't know of any

[@razyelPKTM]

interactive raction difiusin

[@vincenzogallace51]

Utilissimo tutorial, sfortunatamente non riesco a completare la reattività musicale a causa dell’audioanalysis che non rintraccia i low, qualcuno sa aiutarmi?

[@freivonstil]

Quale strumento stai usando per l'analisi audio? Stai usando lo strumento di analisi audio integrato in TouchDesigner? In tal caso, rendi attivo l'Operatore (premi "A") e attiva l'analisi delle basse frequenze nel pannello di controllo.

[@vincenzogallace51]

@@freivonstilContinua a non andare, il parametro dei low rimane fermo su 0. Davvero un peccato, spero tu possa aiutarmi, in ogni caso complimenti per il tutorial

[@Monja191]

Damn!! 🤩🤩🤩

[@李丽丽-q2j]

你好博主，我是来自中国的粉丝，现在有个问题，就是第一步两个NULL连接camera，我只有look at，并没有constration to，这是什么问题呢，我的TD版本是2023.11600，这个和版本有关系吗？

[@freivonstil]

look at the video description ;)

[@李丽丽-q2j]

@@freivonstil 是的我看了，是版本的问题吗？

[@marcdavis4412]

Lieeebs bitte bitte mehr :D Wenn du irgendwann Zeit hast würde ich total gern mit dir über TD schreiben ich kenne auch niemanden der es verwendet x:

[@kotarianter]

Please make tutorial in Russian, and I will give you princese's contact;) have fun, братан.❤