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

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024

Комментарии • 104

  • @andrekaique6480
    @andrekaique6480 11 месяцев назад +27

    We always need another touchdesigner tutorial channel please keep doing

  • @lucasspataro894
    @lucasspataro894 10 месяцев назад +11

    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
      @freivonstil  10 месяцев назад

      thanks for the ind words :)

  • @jcy4rza
    @jcy4rza 10 месяцев назад +4

    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!

  • @xxeatmarker34xx
    @xxeatmarker34xx 27 дней назад +1

    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 🫡

  • @henriquematias1986
    @henriquematias1986 26 дней назад +1

    really well explained! thank you

  • @maxwedekind8992
    @maxwedekind8992 21 день назад +1

    Very cool!!! Thank you

  • @drippinsauce1915
    @drippinsauce1915 9 месяцев назад +5

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

  • @slumberspeak
    @slumberspeak 6 месяцев назад +1

    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
      @freivonstil  6 месяцев назад

      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
      @slumberspeak 6 месяцев назад

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

  • @stront
    @stront 5 месяцев назад +4

    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
      @freivonstil  5 месяцев назад

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

  • @kotarianter
    @kotarianter 4 месяца назад

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

  • @thomasneild3224
    @thomasneild3224 6 месяцев назад +1

    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
      @freivonstil  6 месяцев назад +1

      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
      @thomasneild3224 6 месяцев назад

      @@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
      @thomasneild3224 6 месяцев назад

      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?

  • @superthoughts
    @superthoughts 8 месяцев назад +4

    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
      @freivonstil  8 месяцев назад +1

      Thank you so much for the kind words! :)

    • @gonzoproductions_o0
      @gonzoproductions_o0 3 месяца назад

      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

  • @arkhamengineer
    @arkhamengineer 8 месяцев назад +3

    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.

  • @Knaps_
    @Knaps_ 10 месяцев назад +3

    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
      @freivonstil  10 месяцев назад

      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_
      @Knaps_ 10 месяцев назад +1

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

  • @carlocrearte
    @carlocrearte 4 месяца назад

    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
      @freivonstil  4 месяца назад

      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.

  • @julianbain137
    @julianbain137 4 месяца назад +1

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

  • @m4teo_borges
    @m4teo_borges 6 месяцев назад +2

    im in love with u thx for existing

  • @tim_sign
    @tim_sign Месяц назад

    that’s awesome!!!

  • @Whatnexttttt
    @Whatnexttttt 7 месяцев назад

    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
      @freivonstil  7 месяцев назад

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

  • @glev6015
    @glev6015 Месяц назад

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

    • @freivonstil
      @freivonstil  Месяц назад

      look in the video description ;)

  • @0x44Monad
    @0x44Monad 4 месяца назад +1

    more tutorials please!

  • @tempiranyat
    @tempiranyat 5 месяцев назад +1

    Omg. Man it soooo cooool. Thx.

  • @phule5966
    @phule5966 5 месяцев назад +1

    you are amazing.

  • @ThePyramid21
    @ThePyramid21 10 месяцев назад +1

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

    • @freivonstil
      @freivonstil  10 месяцев назад

      love to help and love the feedback :)

  • @sasemoimusic
    @sasemoimusic 10 месяцев назад +1

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

  • @cynergy
    @cynergy 5 месяцев назад

    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
      @freivonstil  5 месяцев назад +1

      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
      @cynergy 5 месяцев назад

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

  • @sheagonsalves9510
    @sheagonsalves9510 3 месяца назад

    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
      @freivonstil  3 месяца назад

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

    • @sheagonsalves9510
      @sheagonsalves9510 3 месяца назад

      @@freivonstil thankk youu

  • @joshluttrell7883
    @joshluttrell7883 9 месяцев назад +1

    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
      @freivonstil  9 месяцев назад

      thanks for your kind words :)

  • @gueisenguei7785
    @gueisenguei7785 10 месяцев назад

    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

  • @visualguerillaFILMs
    @visualguerillaFILMs 7 месяцев назад

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

  • @vincenzogallace51
    @vincenzogallace51 3 месяца назад

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

    • @freivonstil
      @freivonstil  3 месяца назад

      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
      @vincenzogallace51 3 месяца назад

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

  • @chrisaristedou773
    @chrisaristedou773 5 месяцев назад +1

    danke schön!

  • @mod.3x
    @mod.3x 3 месяца назад

    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!

  • @nurhanguney2965
    @nurhanguney2965 7 месяцев назад

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

  • @胡康鑫
    @胡康鑫 6 месяцев назад

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

    • @freivonstil
      @freivonstil  6 месяцев назад

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

    • @胡康鑫
      @胡康鑫 6 месяцев назад

      @@freivonstil

  • @marcdavis4412
    @marcdavis4412 10 месяцев назад

    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:

  • @yashasv.doodles
    @yashasv.doodles 9 месяцев назад

    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
      @freivonstil  9 месяцев назад

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

  • @helloseas
    @helloseas 10 месяцев назад

    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
      @freivonstil  10 месяцев назад

      did you leave the input at "Input 1"?

    • @helloseas
      @helloseas 10 месяцев назад

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

  • @alexbalentine9792
    @alexbalentine9792 5 месяцев назад

    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
      @freivonstil  5 месяцев назад +1

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

  • @yvann.mp4
    @yvann.mp4 6 месяцев назад

    amazing, thanks a lot !!!

  • @jollydod
    @jollydod 10 месяцев назад

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

  • @岡村悠聖
    @岡村悠聖 5 месяцев назад

    nice! thankyou

  • @Misanthropix
    @Misanthropix 10 месяцев назад

    That was amazing, thank you so much for sharing.

  • @dhakerbadri8040
    @dhakerbadri8040 10 месяцев назад

    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.

  • @robthefriend8725
    @robthefriend8725 Месяц назад

    Really good tutorial, definitely one of my favorites so far

  • @elekurio1369
    @elekurio1369 8 месяцев назад

    Thank you sooo much from Italy :)

  • @muhammadjiddanh880
    @muhammadjiddanh880 7 месяцев назад

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

    • @freivonstil
      @freivonstil  7 месяцев назад

      Thank you for the kind words! :)

  • @Monja191
    @Monja191 10 месяцев назад

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

    • @freivonstil
      @freivonstil  10 месяцев назад +1

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

    • @Monja191
      @Monja191 10 месяцев назад +1

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

  • @AMYLUXamylux
    @AMYLUXamylux 10 месяцев назад

    thank u so much for this

  • @timurm.4839
    @timurm.4839 8 месяцев назад

    Awesome!

  • @gianniskaragiannis4300
    @gianniskaragiannis4300 10 месяцев назад

    amazing work amazing tutorials!!! KEEP IT UPPP

  • @GerardoHernandez-zh9id
    @GerardoHernandez-zh9id 10 месяцев назад

    Thank u so much!

  • @knast7093
    @knast7093 7 месяцев назад

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

  • @smyrkphace
    @smyrkphace 10 месяцев назад

    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
      @freivonstil  10 месяцев назад

      Can you specify, what you mean? (If you want, you can also send the tox to me (freivonstil@web.de) 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
      @smyrkphace 10 месяцев назад

      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
      @freivonstil  10 месяцев назад +1

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

  • @alecfop4950
    @alecfop4950 6 месяцев назад

    Amazing tutorial man looking forward to more

  • @spatheitspatheit8846
    @spatheitspatheit8846 11 месяцев назад

    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
      @freivonstil  10 месяцев назад

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

    • @spatheitspatheit8846
      @spatheitspatheit8846 10 месяцев назад

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

    • @freivonstil
      @freivonstil  10 месяцев назад +1

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

  • @Monja191
    @Monja191 10 месяцев назад

    Damn!! 🤩🤩🤩

  • @matigekunstintelligentie
    @matigekunstintelligentie 10 месяцев назад

    Very nice!

  • @pataguan
    @pataguan 11 месяцев назад

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

  • @ASSAKKER
    @ASSAKKER 10 месяцев назад

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

    • @freivonstil
      @freivonstil  10 месяцев назад +1

      Na immer doch! Und danke dir :)