Looping Noise Part 1: Ending at the Beginning (TouchDesigner Tutorial)
Vložit
- čas přidán 20. 07. 2024
- This beginner level TouchDesigner tutorial explores a method for looping noise for the purpose of creating looping animations. In it we will recreate a Processing sketch by Étienne Jacob, which is featured in his blog post Drawing from noise, and then making animated loopy GIFs from there. The article has lots of great examples of working with noise, and was how I first encountered the looping technique myself.
See the corresponding write up for more information:
www.simonaa.media/tutorials/l...
If you have questions, comments, suggestions or corrections please leave them below, and thanks for watching and reading!
Note: If you’re exporting a movie file or GIF, there’s one step I missed mentioning in the last section of the video. After stopping at the end of the timeline pause playback and click ‘+’ to move to the first frame. Then press record followed by play to start playback. This will prevent doubling the last frame in your loop.
TouchDesigner Build: 2019.14650 or later.
Topic Timestamps:
00:00 - Intro
02:01 - Building the Render Network
03:50 - Instancing a Grid
05:29 - Displacement with Pattern CHOP and Noise TOP
09:38 - Shaping Noise Amplitude
11:30 - Cropping to a Circle
12:50 - Feedback Motion Blur
15:30 - Looping Noise (Concept)
18:15 - Looping Noise (Application)
22:32 - Exporting as a GIF - Krátké a kreslené filmy
That looping element with the timeline chop is so useful, thanks a lot!
Man you are so good at this best tutorial I've seen yet !!
Dude this is dope! Great explanation and a very cool outcome. Thanks a lot
Such a great tutorial! Thank you, man!
Love your videos man, keep them coming please!!!!!
Thank you so much for these tutorials!
nice, thank you!
used the concept before but adapting it to timeline was great information!
Great video. I did a lot of loops in After Effects, but here it is a little different. But now I know. Thanks.
thanks for the amazing tutorial!
This was amazing. Thank you!!
So useful, thank you much
This is so good
Thank you so much, I learned a lot about new components thank you for the clear explanation!
I'm wondering if anyone else faced an issue with getting the same pattern as yours because my particles are more random, and I'm trying to check for errors :)
Could be some slight changes in the noise parameters. Perhaps a different version of TouchDesigner could do that too, though I don't think the Noise TOP has changed in a while.
awesome!
Awesome tuto ! 20 minutes turning 1H for me but it's okay i learning good ! thant you ! :D
Well, thank you!
Hey Simon, great tutorial, I wonder how can I connect kinnect with this? thank you
Thanks for sharing the knowledge! 🫶🏻
thank you!
Great tutorial. But how do I loop a 4d noise without going 5d? Any ideas? I basically want to animate and loop a 3d noise
really nice! I'm trying to work in this way using a kinect. Do you agree?
Hey Simon this is a super helpful tutorial! Thank you for the time and energy you put into these.
I've been attempting to apply this to other networks I've created, but I'm running into to some snags. I have several absTime expressions running in the network as well as noise TOPs. Do I need to use the displacement/pattern network in place of the absTime expressions? Thank you for any help.
Yes, anywhere you have absTime you need to replace it with channels driven by the timeline. Sometimes this is sin/cos like this example, but other times it might be fraction mapped to a cyclical parameter (like rotation)
HI, thank you for such a great tutorial! I just started and been playing with loops a lot. It was looping perfectly in the system, but then the rendered file couldn't come out right. Tried to loop them in Premiere after and first frame doesn't match with last frame. Do you have any idea what the problem might be? I tried different rendering output and file type but still didn't work. Thank you!
Hard to say exactly, but first make sure the "realtime" render flag is turned off (next to the FPS reading in the top bar.) Double check that when you move the timeline your animation is moving forwards and backwards. If each frame isn't completely driven by the location of the timeline it won't loop. When exporting, make sure you start at frame 1 and then play through the timeline with the range limit set to "Once." Those are my quick suggestions, hope it helps!
Hey! Great tutorial so far, but I don't quite understand why I've got blank backgorund instead of black. I did everything as you did and you instantly had a black background. Thanks.
I couldnt understand either but if it helps anyone: you can add RGB Key TOP between the render and null.
thx!
is there a way to independantly slow the animation speed of the noise down? sick tutorial btw
You can multiply the channels you use to animate the noise by a constant to speed up or slow down the noise without changing your timeline. (Use a Math CHOP)
How do i go about colouring the circle/dots. I want to add some colour to the animation but not sure how i do it. great video thankyou!
Check out the second instancing tab in the Geo COMP. There is an option to use an input for color, and you can define rgba channels in the same way you'd like translation xyz channels. This can be from any type of operator as long as the instance count is the same (CHOP, TOP, SOP or DAT all work.) These days I usually use TOPs for my instancing networks.
Awesome tuto.. Do you have one looping Noise SOP?
hi, did you find some way to do that? ì`m running in the same challenge now
I just wanted to thank you for doing such a great tutorial. but i have one question. my top view pane background looks pattern not fully black. how can i fix it?
same problem
I've got the solution. Insert Transform between render1 and circle1, change last gap in "background color" into 1 and then turn on "comp over background color"
I cant create the geometry from the box, its the second step In the tutorial. they won't connect
Right click from the output of the box and then create the geo1 COMP. This will automatically create the "In SOP" inside the geo COMP. If you just create a geo COMP from scratch it won't connect the two and there wont be an input.
i dont know why but i cant connect the box to the geomtry comp, PLEASE HELP
You need to right click on your geometry and create a Geo COMP from there. This will automatically create an In SOP and Out SOP inside the Geo COMP with the render flag toggled on for the out SOP. It's a quick way of getting your sops into a Geo COMP though you can also just place your geometry inside. Everything inside the Geo COMP will be instanced. Just make sure the render flag is turned on for the sops you want to instance (the purple circle.)
heyt, great video! does anyone know about how to loop a sop noise ?
Big up from brazil !
As far as I know you can't do it with this same method (and staying in SOPs). One way to accomplish this is go from SOP > CHOP > TOP, apply noise to point positions and then concert back again, though this is a bit expensive performance-wise. Can also be done in a vertex shader, which will.be faster but that's more advanced. Also, with the TOP method you can use the point positions as the UV input for the noise TOP (the 2nd input) to keep the noise displacement relative to the points you're working with. Hope this helps!
@@polyhop great help. very thanks for helping !!! I`ll work on it! Ibig uppP!!!!! GREAT THANKS !!!
Is it only possible to export in gif format? It doesn't let me in H264. thanks for your contribution
You can definitely export at H264, do you get a red error when you attempt to do so? You do need an Nvidia graphics card to export H264, so if you don't have an Nvidia GPU you might need to choose a different format and then convert in another software.
It actually gives me an error. It tells me that I need a commercial license to export in this format. Thanks
@@polyhop