2022 Audio histogram - TouchDesigner Tutorial
HTML-код
- Опубликовано: 13 июл 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
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: ruclips.net/p/PLI6Cgx7AcBeOD4kDmbNnr5yMtqTNUgi7a
Enjoy and have fun ✌
Hi, the link is down - would you be able to reupload? TY
@@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.
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. :)
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!
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.
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.
The idea of removing unnecessary lines with pattern chop was really useful. Thank you for the good tutorial!!
Good tutorial. I just found out about TouchDesigner and this was a great introduction to how to use the application. Thank you.
Freaking awesome!
Thank you for sharing.
Looking forward for more tutorials from you.
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
Awesome! Thanks for the breakdown
Amazing tutorial ❤Thank you!
Always used Top for this kind of stuff - until now. Great tutorial full of smart tricks!
Thank you for your tutorial! It is so helpful to me.💯
thank you so much for this one! i learned a lot!
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... 😉👍
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 😉
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.
very well explained thanks !
nice work man. subd 😍
this is amazing
Yep thank you very much and congrats; really interesting tutorial
Really nice thank you!
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.
Super cool thanks
Thank you!
Thanks for sharing
DOPE!!!
Thanks, this is hot !
thanks for this great tutorial! How would I got about doing this with filled objects, not only a line contour?
thank your for this really well explained tutorial. Je Engels is meer dan goed 😃👍 Please do more. 🖥
More to come soon ;)!
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?
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!
Thank you for the tutorial!! How do you give a spin to the camera?
More pleaseeeee
Node 7 [chopto1]
-add choptoSOP to network
-manually type 'replace1' in CHOP to 'CHOP' field in parameter window
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
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
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.
I don't really mind your Englishhhh pleasse make more
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. :( ..
how are you changing the view at 6:15 I can'y move it??
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 !
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"
you figure it out?
@@joshk2181 Not quite hahaha. I had to use a different method
is it possible to export these with transparent background ?
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😢
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."
:(..
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 😭
It happens to me too, and i don't know why as i followed exactly the tutorial
Same
Die Belgen toch e
nice video
This was great until "pattern 3" it had number of cycles at 50, drawing from somewhere but never showed where? Am I missing something?
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.
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 ;)
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?
Thanks for your share. What is your graphic chip?
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
@@ab_out7036 Thanks for reply
but what is inside of the geometry, cannot finish the video.....
How can make the lines go horizontal? Something like the joy division image ?
Don't have the project open atm but maybe you could already try to reposition the camera?
@@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.
I cannot find the parameters to change the lenght and size, anyone can help me whit tht?
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 😉
Hey! Where do I find the geo1 and how do I connect to null1? Thx in advance!
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" 😉
@@ab_out7036 Thank you for this answer I had the same problem.
Hi, I am only a beginner of touch designer, can you make a very basic tutorial for beginners?
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 ;)
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?
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.
It was a different problem, thank you for responding :)
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
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 😉)
@@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.
@@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 :)
hi, i cant connect null to geo, any idea why and how?
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 ;)
@@ab_out7036 omg thank you, im hella new to td. appreciate the fast reply :))
failed after 2 min.... when the copy is spread out via the x axis nothing changes.... anything I'm doing wrong here?
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)?
Btw, The project file is now also available via gumroad: ab-out.gumroad.com/l/eyuop?_gl=1*1yvytex*_ga*MjgwNTk4NjIxLjE2NDk4NjQ4NTM.*_ga_6LJN6D94N6*MTY2Mzc0MjA5OS40LjEuMTY2Mzc0MjExMS4wLjAuMA.. 😉
Didn’t understand the cd(0) cd(1)..etc. It gives me error
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 ;)
It's an capital C in all Cd , that fixed to issue for me
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
tutorial not for beginner, lots of stuff show up from no where, huhu!
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 😉
Total fail! & I am not even 5 minutes in! LOL