2022 Audio histogram - TouchDesigner Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ค. 2024
  • Project file available here: ab-out.gumroad.com/l/eyuop
    Instagram: / abunderscoreout
    Spotify: Jabiru by Ab_out - open.spotify.com/track/66HVNC...
    00:00 - Start
    00:08 - Intro & end result
    01:11 - Basic concept:
    SOP2CHOP + replacing 'ty'
    06:40 - Audio analysis
    09:04 - Splitting frequencies
    11:15 - 'Trailing' frequencies
    12:17 - Linking CHOP & SOP domain
    13:42 - Replacing 'ty' with
    actual frequency data
    14:57 - Comparing dummy vs
    real audio visualisation
    15:14 - Rendering setup
    using 'cameraViewport'
    17:45 - Explanation on why
    we get artifacts
    18:56 - removing artifacts
    23:30 - Possible tweaking

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

  • @ab_out7036
    @ab_out7036  ปีที่แล้ว +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.

  • @fteiyp
    @fteiyp ปีที่แล้ว +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!

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

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

  • @markus_knoedel
    @markus_knoedel ปีที่แล้ว +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.

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

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

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

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

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

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

    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.

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

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

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

    Awesome! Thanks for the breakdown

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

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

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

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

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

    Amazing tutorial ❤Thank you!

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

    this is amazing

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

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

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

    very well explained thanks !

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

    Really nice thank you!

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

    nice work man. subd 😍

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

    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.

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

    Super cool thanks

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

    Yep thank you very much and congrats; really interesting tutorial

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

    Thanks for sharing

  • @user-ot9is2pw7l
    @user-ot9is2pw7l 6 หลายเดือนก่อน

    Thank you!

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

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

  • @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 ;)!

  • @camillelobianco6427
    @camillelobianco6427 ปีที่แล้ว +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!

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

    Thanks, this is hot !

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

    DOPE!!!

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

    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?

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

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

  • @user-bg8wo1un6n
    @user-bg8wo1un6n 2 หลายเดือนก่อน +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😢

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

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

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

    More pleaseeeee

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

    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

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

    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

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

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

    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. :( ..

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

    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?

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

    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."
    :(..

  • @dead-memories2442
    @dead-memories2442 8 หลายเดือนก่อน

    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 !

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

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

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

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

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

    is it possible to export these with transparent background ?

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

    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?

  • @silence_castor
    @silence_castor 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน

      you figure it out?

    • @silence_castor
      @silence_castor 7 หลายเดือนก่อน

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

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

    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  ปีที่แล้ว

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

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

    I don't really mind your Englishhhh pleasse make more

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

    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_ ปีที่แล้ว

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

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

      Same

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

  • @joshk2181
    @joshk2181 7 หลายเดือนก่อน

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

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

    Thanks for your share. What is your graphic chip?

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

      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 ปีที่แล้ว +1

      @@ab_out7036 Thanks for reply

  • @s.o.s.l.o.w
    @s.o.s.l.o.w 11 หลายเดือนก่อน

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

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

      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 11 หลายเดือนก่อน

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

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

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

    • @ab_out7036
      @ab_out7036  ปีที่แล้ว +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.

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

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

    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  ปีที่แล้ว

      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  ปีที่แล้ว

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

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

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

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

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

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

    Die Belgen toch e
    nice video

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

    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  ปีที่แล้ว

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

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

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

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

      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 ปีที่แล้ว +1

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

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

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

    • @ab_out7036
      @ab_out7036  ปีที่แล้ว +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 ปีที่แล้ว +1

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

  • @QFixxDigi
    @QFixxDigi 10 หลายเดือนก่อน +1

    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

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

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

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

      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 😉

  • @QFixxDigi
    @QFixxDigi 10 หลายเดือนก่อน +1

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