2022 Audio histogram - TouchDesigner Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ม.ค. 2025

ความคิดเห็น • 109

  • @ab_out7036
    @ab_out7036  2 ปีที่แล้ว +8

    Hi all, hope you enjoyed my first tutorial and were all able to recreate it yourselves (if not, you can also find the .toe file here: ab-out.gumroad.com/l/eyuop).
    Also make sure to check out my new series of tutorials where i create a "animated/voice-annotated drawing tool" aka "Show and Tell" from scratch.
    Episodes available via this a little playlist: th-cam.com/play/PLI6Cgx7AcBeOD4kDmbNnr5yMtqTNUgi7a.html
    Enjoy and have fun ✌

    • @tidebeats927
      @tidebeats927 ปีที่แล้ว

      Hi, the link is down - would you be able to reupload? TY

    • @ab_out7036
      @ab_out7036  ปีที่แล้ว

      @@tidebeats927 this one should work ab-out.gumroad.com/l/eyuop?_ga=2.61374764.108987461.1676361673-280598621.1649864853&_gl=1*e9efdd*_ga*MjgwNTk4NjIxLjE2NDk4NjQ4NTM.*_ga_6LJN6D94N6*MTY3NjM2MTY4My4xNC4xLjE2NzYzNjE2OTUuMC4wLjA.

  • @michaelcarnohan
    @michaelcarnohan 6 หลายเดือนก่อน +7

    Amazing... Thank you for the tutorial!
    In the CHOP To (to fix the edge glitches) seen around 22:21, the parameters for Attribute Scope for Point Colors are "Cd" (not "cd")... for anyone like me who might have entered the parameters wrong, and used lowercase. I'm not pointing this out to correct you (your example is 100% correct), but to save anyone like myself who might have thrown an "invalid index specified for attribute" by mapping rgba with wrong parameters [cd(0) cd(1) cd(2) cd(3), instead of Cd(0) Cd(1) Cd(2) Cd(3)]. Nice way to fix the edge issue, btw. :)

    • @MrBright775
      @MrBright775 4 หลายเดือนก่อน

    • @Kombo-Chapfika
      @Kombo-Chapfika หลายเดือนก่อน

      Thank you, I had this issue

    • @郑园-o9c
      @郑园-o9c 2 วันที่ผ่านมา

      thanku❤

  • @me-awesome
    @me-awesome ปีที่แล้ว +2

    The idea of removing unnecessary lines with pattern chop was really useful. Thank you for the good tutorial!!

  • @georgecho4264
    @georgecho4264 2 ปีที่แล้ว +3

    Thank you for the great tutorial! In my opinion, your Audio histogram is the best audio visualization I've found so far. I love the power and simplicity in it. Hope you make a tutorial about 'Macaroni' you made before. It's really awesome and I can't believe less than a hundred people in the world have enjoyed the video yet. It's worth spreading!
    ++ I found that if you connect the last 'CHOP to SOP' to the original SOP(in this video, 'copy1-->chopto1' and 'copy1-->chopto3'), you don't need to do the 'removing artifacts' things. It works well without turning on the 'Discard Pixels based on Alpha' button.

  • @fteiyp
    @fteiyp 2 ปีที่แล้ว +2

    you did an amazing job actually going through why you were doing what you were doing in a clear and concise way. please make more tutorials!

  • @hinduspl
    @hinduspl ปีที่แล้ว +2

    Man so big thanks to you for sharing that with us with so intuitive way! Watched lot of tuts in my life but this one with the way of presentation was on a completely new level ❤️ great video. All the best for you. Edit. Just saw that you made that great sound in background as well 👌 you're really talented on so many different surfaces. So grateful to live in times when you can gain knowledge from people like you for free.

  • @shiftyjesusfish
    @shiftyjesusfish ปีที่แล้ว

    Pretty sure the internet just read my mind. I have never been here nor have I searched like any of the key terms really. But this is like the next step in my big project. Awesome. But also creepy....great tutorial btw , clear concise and interesting.

  • @markus_knoedel
    @markus_knoedel 2 ปีที่แล้ว +1

    Just found this again. Great tutorial. Especially the use of alpha to suppress the line going back trick is great. I am sure I will use it often from now on. Thanks.

  • @nombredeunusuario9259
    @nombredeunusuario9259 หลายเดือนก่อน +3

    15:24 How do i connect the geometry operator to the null it doesnt let me

    • @olleadell3972
      @olleadell3972 8 วันที่ผ่านมา +1

      Hold the output socket on the null while you press tab and then select geometry

    • @DJNovals
      @DJNovals 21 นาทีที่ผ่านมา

      @@olleadell3972 dude you are the saver of my try with this tutorial!!)))) I trying to find the answer to this question with chat GPT but it was all the time here because of you!)) thnx you a lot!))

  • @UnCL0NED
    @UnCL0NED 2 ปีที่แล้ว +2

    Nice! Loved that you explained the troubleshooting with the "stitching" lines... Real eyeopener!
    Very well done for a first tutorial. Subscribed! Keep it up.
    Kijk al uit naar de volgende... 😉👍

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว +1

      Thanks for this kind feedback 😉 really motivates me to make more! Next up will be a series of tutorials on creating a application that allows you to create animated drawings on an infinite canvas (incl panning, zooming, colors...) where you can also add small voice overs per x animated lines... Recoding is ready so if I find the time it should be edited/uploaded in the coming week.. Will also contain some interesting troubleshooting 😉

  • @ed6280
    @ed6280 4 หลายเดือนก่อน +1

    Hi thanks for the video, it was very helpful! It would be great if there was an understanding of how some nodes appear, for example, at 3:16 a node appeared and it was immediately connected

    • @StephaneVFX
      @StephaneVFX 3 หลายเดือนก่อน

      Take the output of copy1 and drag it, dont release it and press TAB then select CHOP and click on SOP to

  • @dougjord7833
    @dougjord7833 2 ปีที่แล้ว +2

    Freaking awesome!
    Thank you for sharing.
    Looking forward for more tutorials from you.

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว +1

      Very glad you like it 😉 got a long list of small/big but interesting projects so if I find the time I'll try to convert them into some more tuts as well

  • @PeterPranger
    @PeterPranger 15 วันที่ผ่านมา

    Very cool tut!
    Removing the artifacts (lines) in the render does work, but do you know of a way not to draw them?
    I'm am not rendering the output to a TOP but I'm converting it to svg output (svgwrite). In the svg the artifact lines are still there! Any ideas?

  • @GowthamJayaram
    @GowthamJayaram 3 หลายเดือนก่อน

    Love the concept explanation at the start. thx

  • @jarydfarah2
    @jarydfarah2 ปีที่แล้ว +2

    This was great until "pattern 3" it had number of cycles at 50, drawing from somewhere but never showed where? Am I missing something?

  • @MarkSoliday
    @MarkSoliday 2 ปีที่แล้ว

    Good tutorial. I just found out about TouchDesigner and this was a great introduction to how to use the application. Thank you.

  • @stopselei7758
    @stopselei7758 2 ปีที่แล้ว

    Always used Top for this kind of stuff - until now. Great tutorial full of smart tricks!

  • @afureadah2603
    @afureadah2603 ปีที่แล้ว +1

    How is there a chopto2 right away? mine is chopto1. I think that's the issue I'm having when it comes to removing the artifacts. I don't have a chopt04, because I have one less chopto. My rgb channels are showing up red, yellow and green graphs. Not sure of all of this is connected but I'm frustrated.

  • @camillelobianco6427
    @camillelobianco6427 2 ปีที่แล้ว +2

    HI! thank you for this great tutorial. As some other people have noted in the chat, discard pixels is not working to remove the artifacts. I've triple checked the parameters on the merge, mapped all the channels in the chopto3 exactly as you've done. the pattern3 for alpha is a square and has the same characteristics as yours. I'm really not sure what's happening. Do you have any idea or perhaps a work around? it looks so good but those artifacts are annoying me!

  • @QFixxDigi
    @QFixxDigi ปีที่แล้ว

    Node 7 [chopto1]
    -add choptoSOP to network
    -manually type 'replace1' in CHOP to 'CHOP' field in parameter window

  • @MidasMusicProd
    @MidasMusicProd 6 หลายเดือนก่อน

    In Pattern 3, where is the sample rate of 50 exported from? I have everything mapped the way you did it, I just cant figure out where that comes from?

  • @yinglinchen9277
    @yinglinchen9277 11 หลายเดือนก่อน

    Thank you for your tutorial! It is so helpful to me.💯

  • @RamixJG
    @RamixJG 9 หลายเดือนก่อน

    Thank you for the tutorial!! How do you give a spin to the camera?

  • @ipekkirmiziyesil4140
    @ipekkirmiziyesil4140 11 หลายเดือนก่อน

    how are you changing the view at 6:15 I can'y move it??

  • @QFixxDigi
    @QFixxDigi ปีที่แล้ว

    Hmm for some strange reason my angle is off in Line SOP & in copy my offset is at an angle. Not flush or meeting square to the vertices of the 3 axis?! hmm, I will continue to tweak until I have a better understanding of control over the parameters of my nodes. :( ..

  • @QFixxDigi
    @QFixxDigi ปีที่แล้ว

    Oh my, complete fail at node 4 [info1].
    I enabled viewer active on info1 > length in info1 to CHOP Reference 'Scope' parameter but I get 'None' as the value there and "Warning: Cook dependency loop detected."
    :(..

  • @00nsqo
    @00nsqo 2 ปีที่แล้ว

    Awesome! Thanks for the breakdown

  • @dandy1139
    @dandy1139 2 ปีที่แล้ว +2

    Thank you for the great tutorial, so grateful! Only small questions, when I turn on the "discard pixels based on alpha", the line on the camera viewpoint still appears, so bothers me 😭

    • @lorx_
      @lorx_ 2 ปีที่แล้ว +1

      It happens to me too, and i don't know why as i followed exactly the tutorial

    • @camillelobianco6427
      @camillelobianco6427 2 ปีที่แล้ว +1

      Same

  • @dead-memories2442
    @dead-memories2442 ปีที่แล้ว

    How do you create the initial line ? When I create one it makes a torus instead !
    As a beginer this tutorial is impossible to follow as everything pops from nowhere without any explanation on how to find it !

  • @NicolasBergerrrr
    @NicolasBergerrrr 8 หลายเดือนก่อน

    Yep thank you very much and congrats; really interesting tutorial

  • @jonathanvaldivieso5131
    @jonathanvaldivieso5131 ปีที่แล้ว

    hello , great video and great content. I tried replicating this idea but using 5 TD ableton levels and merging them, it did work but i could not get rid of the line , any advise?, i think its related to the pattern chop with the alpha channel but am not sure

  • @彭俊傑-z6q
    @彭俊傑-z6q 7 หลายเดือนก่อน +1

    Very good tutorial! But can we redo the next tutorial from scratch? This kind of undo without an operation path is not beneficial for beginners who are not familiar with the control yet😢

  • @郑园-o9c
    @郑园-o9c 2 วันที่ผ่านมา

    thanku🎉🎉u help me a lot❤❤

  • @TrevorNew
    @TrevorNew ปีที่แล้ว

    This is fantastic, thank you! What's a good way to keep this from cooking if I put this in a TOX file? I wanted to use this with scene changer but probably need to use and execute dat to turn it on and off right?

  • @faruambient
    @faruambient ปีที่แล้ว

    thanks for this great tutorial! How would I got about doing this with filled objects, not only a line contour?

  • @sicaasicaasicaa
    @sicaasicaasicaa 2 ปีที่แล้ว

    Amazing tutorial ❤Thank you!

  • @TheNimbus12
    @TheNimbus12 10 หลายเดือนก่อน

    is it possible to export these with transparent background ?

  • @VAL1SYST3M
    @VAL1SYST3M 2 ปีที่แล้ว +1

    this is amazing

  • @joshk2181
    @joshk2181 ปีที่แล้ว

    but what is inside of the geometry, cannot finish the video.....

  • @aaavisuals2950
    @aaavisuals2950 2 ปีที่แล้ว

    very well explained thanks !

  • @enex4988
    @enex4988 2 ปีที่แล้ว

    nice work man. subd 😍

  • @PsyklonAeon
    @PsyklonAeon 2 ปีที่แล้ว

    thank you so much for this one! i learned a lot!

  • @domgraveson1942
    @domgraveson1942 ปีที่แล้ว

    Thanks for a great tutorial. Ive followed everything but still get the alpha artefacts... everything looks right data wise until the merge connects to the geo. Then when the line mat is set to discard based on alpha i still have the artefacts. hmm

  • @PianistePolo
    @PianistePolo 2 ปีที่แล้ว +1

    Really nice thank you!

  • @burakhan6760
    @burakhan6760 2 ปีที่แล้ว +1

    Thanks for your share. What is your graphic chip?

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว

      You're welcome 😉. Think I'm currently using just a GeForce gtx 1050 ti.. Nothing fancy I think, but for most projects it seems to hold up

    • @burakhan6760
      @burakhan6760 2 ปีที่แล้ว +1

      @@ab_out7036 Thanks for reply

  • @Avilio_remix
    @Avilio_remix ปีที่แล้ว

    Hi, I have a question. I am currently trying to make a visualizer with good music, but I am afraid of copyright. Can someone guide me how to make a visualizer so that I don't get copyrighted?

  • @BlogAnnabel3112
    @BlogAnnabel3112 ปีที่แล้ว

    Hi, everything is fine until getting to replace2 because I don't see the green line changing. I get an error on the chopto and it says: Channel tx not found. Can you help me?

    • @ab_out7036
      @ab_out7036  ปีที่แล้ว +1

      On sopto1 make sure your Chanel’s are named tx ty tz. On rename1 make sure your channel is named ty. Now connect sopto1 to the first input of replace2 and connect rename1 to the second input of replace2. In the rename2 chop make sure you set the “To” parameter to “ty”!!! ;) In this way you are replacing the ty channel of the sopto1 chop with the ty channel of the rename1 chop.

    • @BlogAnnabel3112
      @BlogAnnabel3112 ปีที่แล้ว

      It was a different problem, thank you for responding :)

  • @guidoinga9654
    @guidoinga9654 2 ปีที่แล้ว +1

    Didn’t understand the cd(0) cd(1)..etc. It gives me error

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว +1

      What you need to do here is map the CHOP channels (which you can name yourself but in my case they are called tx ty tz r g b a) to predefined SOP attributes (which you cannot name yourself). so tx gets mapped to P(0), ty to P(1), tz to P(2), r to Cd(0), g to Cd(1), b to Cd(2) and a to Cd(3)... In this way the chopto4 SOP knows whate channels to use as Position data (see P(0,1,2) for position data tx ty tz) and what channels to use as Colod data (see Cd(0,1,2,3) for Color data r g b a). Hope this helps/makes sense ;)

    • @glecko9241
      @glecko9241 2 ปีที่แล้ว +1

      It's an capital C in all Cd , that fixed to issue for me

  • @13elgakk
    @13elgakk 2 ปีที่แล้ว

    Hi, i like yours tutorial very much. But i can't remove artifacts successfully....
    how can i change tx ty tz in sopto1 to red green blue like yours. As i found out that i can't match with the color in chopto4, r g b to Cd (point color red green blue). Even in line2 common i've clicked on discard pixel based on alpha.

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว

      Its all about mapping the CHOP channel-names to SOP-channel-names => the merge1-CHOP should have the channels "tx ty tz r g b a" which are getting mapped to "P(0) P(1) P(2) Cd(0) Cd(1) Cd(2) Cd(3)" inside the chopto4-SOP. this means that tx maps to P(0), ty to P(1), tz to P(2), Cd(0) to r ... and finally Cd(3) to a
      If these mappings are done correctly, you should be able to use the discard pixels toggle as Cd(3) got mapped from the a-channel which stands for "alpha". This alpha, now aka Cd(3) will drop to zero each time a line traces from back to front causing these pixels to get discared ;)

  • @QFixxDigi
    @QFixxDigi ปีที่แล้ว +2

    Ok! For anyone who got stuck like I did! @ Node4 [info1]
    -add the infoCHOP to the network.
    -manually type "sopto1" in Operator field in infoCHOP parameter window
    -manually type "length" (*case sensitive) in Scope field in infoCHOP parameter window

    • @janivayue
      @janivayue 14 วันที่ผ่านมา

      thank you so much

  • @s.o.s.l.o.w
    @s.o.s.l.o.w ปีที่แล้ว

    How can make the lines go horizontal? Something like the joy division image ?

    • @ab_out7036
      @ab_out7036  ปีที่แล้ว

      Don't have the project open atm but maybe you could already try to reposition the camera?

    • @s.o.s.l.o.w
      @s.o.s.l.o.w ปีที่แล้ว

      @@ab_out7036 when i rotate the camera just rotate everything but i really like to make this but on horizontal way, like the logo from joy division from one side to another and not along the lines, but i cant find the way yet.

  • @creatorsgear
    @creatorsgear 2 ปีที่แล้ว +1

    Super cool thanks

  • @silence_castor
    @silence_castor ปีที่แล้ว +1

    Awesome tutorial, mate! I'm working on a version now, but I'm trying to get the wave to fade back across the z axis instead, similar to the look of Joy Division's "Unknown Pleasures"

    • @joshk2181
      @joshk2181 ปีที่แล้ว

      you figure it out?

    • @silence_castor
      @silence_castor ปีที่แล้ว

      @@joshk2181 Not quite hahaha. I had to use a different method

  • @MultiMam12345
    @MultiMam12345 2 ปีที่แล้ว +2

    thank your for this really well explained tutorial. Je Engels is meer dan goed 😃👍 Please do more. 🖥

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว

      More to come soon ;)!

  • @КсенияМартынова-д3м
    @КсенияМартынова-д3м ปีที่แล้ว

    Thank you!

  • @daveking-sandbox9263
    @daveking-sandbox9263 3 หลายเดือนก่อน

    I speak English and German fluently but my French is terrible. Your English sound fine!

  • @marcoblack9027
    @marcoblack9027 2 ปีที่แล้ว

    Hey! Where do I find the geo1 and how do I connect to null1? Thx in advance!

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว +3

      could you try to middle-mousbutton-click on the output of the null1 SOP => in the OP create dialog that pops up, navigate to the first tab named "COMP" => there select "Geometry" 😉

    • @CounterNormal
      @CounterNormal ปีที่แล้ว

      @@ab_out7036 Thank you for this answer I had the same problem.

  • @hanaowens793
    @hanaowens793 2 ปีที่แล้ว

    failed after 2 min.... when the copy is spread out via the x axis nothing changes.... anything I'm doing wrong here?

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว

      Hmm, not sure.. Bit did you make sure to move point B in the line SOP to the Z axis (this is done in the step before copying and spreading the lines out over the x axis)?

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว

      Btw, The project file is now also available via gumroad: ab-out.gumroad.com/l/eyuop?_gl=1*1yvytex*_ga*MjgwNTk4NjIxLjE2NDk4NjQ4NTM.*_ga_6LJN6D94N6*MTY2Mzc0MjA5OS40LjEuMTY2Mzc0MjExMS4wLjAuMA.. 😉

  • @engi_x0
    @engi_x0 2 ปีที่แล้ว

    DOPE!!!

  • @s.o.s.l.o.w
    @s.o.s.l.o.w 2 ปีที่แล้ว

    I cannot find the parameters to change the lenght and size, anyone can help me whit tht?

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว

      Not at my PC at the moment but think you can change the length of the histogram in the line SOP, by moving point B up/down the z-axis. The Size you could change by just placing a math CHOP after the audiofilein CHOP and using the multiply parameter. Hope this helps 😉

  • @uurhelo
    @uurhelo 2 ปีที่แล้ว

    hi, i cant connect null to geo, any idea why and how?

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว

      Could you try middle click on the null it's output, then go to the COMP (black tab) and select a geo comp from there.. Then touchdesigner should take care of connecting the output of the null to a SOP that's placed inside the geo COMP automatically ;)

    • @uurhelo
      @uurhelo 2 ปีที่แล้ว +1

      @@ab_out7036 omg thank you, im hella new to td. appreciate the fast reply :))

  • @aevin_io
    @aevin_io ปีที่แล้ว

    Thanks for sharing

  • @rollerscab
    @rollerscab 2 ปีที่แล้ว

    I'm a beginner with all of this. Could you make a tutorial on how to make reactive visuals of brainwaves using an EEG headset? I know how to put in the raw brainwave data. But creating reactive visuals is a mystery to me

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว

      Sounds cool! Feel free to send me some more details on ig. (a recording of the brain wave data would already be a good start so I can have a look what kinda visuals it inspires me to create, unless you already have something in mind 😉)

    • @asthettic
      @asthettic ปีที่แล้ว

      @@ab_out7036 First of all, awesome tutorial! Great explanation & really smart with you undo trick. Was this your first? make more! @Willemijn, I happen to be doing this tut atm to connect it to Muse. Keen to hear your proces & project. Guessing you might be Dutch, I'm a workshop host at HKU Blackbox, figuring the use of this sensor for students. Holla if you need help.

    • @ab_out7036
      @ab_out7036  ปีที่แล้ว

      @@asthettic hehe,thanks a lot,so sweet of you ! Think this was indeed my first ^^. Keeping a short break of making tutorials due to switching jobs and personal stuff…but will soon be back with quite some more creative tutorials that were already on my list for quite a while (but if you would like me to some more specific tutorials pls leat me know :)

  • @bastien6159
    @bastien6159 2 ปีที่แล้ว

    Thanks, this is hot !

  • @artinthecity3508
    @artinthecity3508 2 ปีที่แล้ว

    Hi, I am only a beginner of touch designer, can you make a very basic tutorial for beginners?

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว

      Hi, and welcome to the world of touchdesigner ;) any specific topics in mind? Or just a general introduction? Think there are already quite some good ones out there but I would be happy to maken another one ;)

  • @luizlopez2022
    @luizlopez2022 2 ปีที่แล้ว +1

    tutorial not for beginner, lots of stuff show up from no where, huhu!

    • @ab_out7036
      @ab_out7036  2 ปีที่แล้ว

      Hi, sorry to hear this tutorial was confusing for you. I'll make sure to take this into account in future tutorials (this one was my very first, so still learning on the teaching side😅) . Could you let me know in particular what was not clear? You may also send me a pm on my Instagram, maybe we could set up a quick call to guide you through? Just thinking out loud 😉

  • @fe3elix
    @fe3elix 3 หลายเดือนก่อน

    bullshit! your english is perfect

  • @toddphamm
    @toddphamm 2 ปีที่แล้ว +1

    I don't really mind your Englishhhh pleasse make more

  • @toddphamm
    @toddphamm 2 ปีที่แล้ว

    More pleaseeeee

  • @moderntribez4753
    @moderntribez4753 9 หลายเดือนก่อน

    Die Belgen toch e
    nice video

  • @QFixxDigi
    @QFixxDigi ปีที่แล้ว +1

    Total fail! & I am not even 5 minutes in! LOL