2022 Audio histogram - TouchDesigner Tutorial

Рет қаралды 54,755

Күн бұрын

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

Пікірлер: 95

@ab_out7036 Жыл бұрын

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: kzfaq.info/sun/PLI6Cgx7AcBeOD4kDmbNnr5yMtqTNUgi7a Enjoy and have fun ✌

@tidebeats927 Жыл бұрын

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

@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 10 күн бұрын

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

@fteiyp Жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

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

@markus_knoedel Жыл бұрын

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.

@MarkSoliday Жыл бұрын

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

@georgecho4264 Жыл бұрын

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.

@UnCL0NED Жыл бұрын

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 Жыл бұрын

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 😉

@stopselei7758 Жыл бұрын

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

@dougjord7833 2 жыл бұрын

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

@ab_out7036 2 жыл бұрын

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

@00nsqo Жыл бұрын

Awesome! Thanks for the breakdown

@sicaasicaasicaa Жыл бұрын

Amazing tutorial ❤Thank you!

@shiftyjesusfish 10 ай бұрын

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.

@PsyklonAeon Жыл бұрын

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

@yinglinchen9277 4 ай бұрын

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

@VAL1SYST3M Жыл бұрын

this is amazing

@aaavisuals2950 Жыл бұрын

very well explained thanks !

@PianistePolo Жыл бұрын

Really nice thank you!

@enex4988 Жыл бұрын

nice work man. subd 😍

@NicolasBergerrrr 2 ай бұрын

Yep thank you very much and congrats; really interesting tutorial

@creatorsgear Жыл бұрын

Super cool thanks

@camillelobianco6427 Жыл бұрын

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!

@user-ot9is2pw7l 5 ай бұрын

Thank you!

@faruambient Жыл бұрын

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

@aevin_io Жыл бұрын

Thanks for sharing

@TrevorNew 7 ай бұрын

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 3 ай бұрын

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

@Frejya_Lumina Жыл бұрын

DOPE!!!

@MultiMam12345 Жыл бұрын

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

@ab_out7036 Жыл бұрын

More to come soon ;)!

@jonathanvaldivieso5131 7 ай бұрын

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

@bastien6159 Жыл бұрын

Thanks, this is hot !

@toddphamm Жыл бұрын

More pleaseeeee

@domgraveson1942 10 ай бұрын

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

@QFixxDigi 9 ай бұрын

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

@afureadah2603 Жыл бұрын

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 9 ай бұрын

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

@dead-memories2442 7 ай бұрын

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 !

@QFixxDigi 9 ай бұрын

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

@silence_castor 7 ай бұрын

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 6 ай бұрын

you figure it out?

@silence_castor 6 ай бұрын

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

@dandy1139 Жыл бұрын

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_ Жыл бұрын

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

@camillelobianco6427 Жыл бұрын

Same

@jarydfarah2 Жыл бұрын

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

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

@ipekkirmiziyesil4140 5 ай бұрын

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

@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 Жыл бұрын

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 Жыл бұрын

I don't really mind your Englishhhh pleasse make more

@TheNimbus12 3 ай бұрын

is it possible to export these with transparent background ?

@user-bg8wo1un6n Ай бұрын

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😢

@burakhan6760 Жыл бұрын

Thanks for your share. What is your graphic chip?

@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 Жыл бұрын

@@ab_out7036 Thanks for reply

@joshk2181 6 ай бұрын

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

@s.o.s.l.o.w Жыл бұрын

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

@ab_out7036 Жыл бұрын

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 😉

@s.o.s.l.o.w 10 ай бұрын

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

@ab_out7036 10 ай бұрын

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

@s.o.s.l.o.w 10 ай бұрын

@@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 Жыл бұрын

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

@ab_out7036 Жыл бұрын

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 Жыл бұрын

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

@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 Жыл бұрын

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 Жыл бұрын

@@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 Жыл бұрын

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

@artinthecity3508 Жыл бұрын

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

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

@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 Жыл бұрын

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 Жыл бұрын

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

@moderntribez4753 2 ай бұрын

Die Belgen toch e nice video

@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 Жыл бұрын

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 Жыл бұрын

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

@guidoinga9654 Жыл бұрын

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

@ab_out7036 Жыл бұрын

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 Жыл бұрын

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

@uurhelo Жыл бұрын

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

@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 Жыл бұрын

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

@QFixxDigi 9 ай бұрын

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 Жыл бұрын

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

@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 9 ай бұрын

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