- Видео 11
- Просмотров 204 418
Simon Alexander-Adams
Добавлен 13 май 2019
Animating Noise - TouchDesigner 10
Part of my TouchDesigner 10 series, where I cover topics or projects that can be covered in 10 minutes or less.
This video covers a few aspects of animating noise in TouchDesigner in the context of instancing. This includes quantization, shuffling the seed, smoothing discontinuous motion, and looping the animation to the timeline.
Please note this tutorial uses TouchDesigner Version 2023.11880. If you're using an older or newer version there may be features that don't work in exactly the same way.
Consider supporting me on Patreon! www.patreon.com/Polyhop
There you can gain access to project files, help guide future topics and support the creation of new tutorials.
Video Navigation / Topics:
00...
This video covers a few aspects of animating noise in TouchDesigner in the context of instancing. This includes quantization, shuffling the seed, smoothing discontinuous motion, and looping the animation to the timeline.
Please note this tutorial uses TouchDesigner Version 2023.11880. If you're using an older or newer version there may be features that don't work in exactly the same way.
Consider supporting me on Patreon! www.patreon.com/Polyhop
There you can gain access to project files, help guide future topics and support the creation of new tutorials.
Video Navigation / Topics:
00...
Просмотров: 955
Видео
Sketchy Toon Shader in TouchDesigner
Просмотров 1,9 тыс.Месяц назад
This tutorial looks at porting a sketchy toon shader into TouchDesigner from Jaume Sanchez’s Digital Inktober 2020. spite.github.io/sketch/ Beyond discussing the process of going from Three.js and WebGL to TouchDesigner, I'll touch on convolution and sobel filters. I'll also preview a polished version of the shader which is available in the example file. Lastly I'll show how to make a bonus “cu...
Easing in TouchDesigner
Просмотров 1,2 тыс.Месяц назад
This video looks at easing in TouchDesigner. Specifically, what it is, why it is useful and how to use it in your projects. We will look at the core basics, followed by a walkthrough of an example project. Lastly I’ll demo a tool called TDEase I’ve created that makes it a bit faster to play with different easing curves. The tool and the project example are both available on my Patreon www.patre...
Distance Map Displacement in TouchDesigner
Просмотров 3,1 тыс.3 месяца назад
This TouchDesigner tutorial covers creating a displacement effect using distance maps, specifically focusing on the jump flooding algorithm. It also looks at generating a simple plexus style pattern for use with the effect. Please note this tutorial uses TouchDesigner Version 2023.11600. If you're using an older or newer version there may be features that don't work in exactly the same way. Con...
Instancing with TOPs in TouchDesigner
Просмотров 5 тыс.5 месяцев назад
This TouchDesigner tutorial covers instancing with TOPs through the creation of a "particle donut." It's at a beginner to intermediate level, with a more advanced section at the end touching on GLSL. Consider supporting me on Patreon! www.patreon.com/Polyhop There you can gain access to project files, help guide future topics and support the creation of new tutorials. Please note this tutorial ...
ASCII Effect in TouchDesigner
Просмотров 6 тыс.6 месяцев назад
This is a tutorial for creating an ASCII effect in TouchDesigner. It is a beginner to intermediate level tutorial, though I do expect you have some familiarity with how to navigate the TouchDesigner interface. Consider supporting me on Patreon! www.patreon.com/Polyhop There you can gain access to project files, help guide future topics and support the creation of new tutorials. Please note: it ...
Variable Line Width in TouchDesigner
Просмотров 25 тыс.4 года назад
This beginner level TouchDesigner tutorial looks at how to create variable line width using the Line Material. If you have questions, comments, suggestions or corrections please leave them below, and thanks for watching! TouchDesigner build used: 2020:20020 Download an example .toe file here: github.com/Simonalexanderadams/TD-Tutorials/tree/master/2020-03-17_Variable_Line_Width Topic Timestamps...
Looping Noise Part 2: Infinite Tunnel Zoom (TouchDesigner Tutorial)
Просмотров 26 тыс.4 года назад
This beginner level TouchDesigner tutorial uses 1D looping noise for the purpose of creating infinite tunnel zooms that start and stop in the same spot (okay, technically not infinite, but it does feel like it goes on forever!) We will also look at a technique for getting smooth camera motion and more generally explore methods for manipulating instanced geometry. For more info see the correspon...
Looping Noise Part 1: Ending at the Beginning (TouchDesigner Tutorial)
Просмотров 52 тыс.4 года назад
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 ...
Noise Displacement in TouchDesigner
Просмотров 41 тыс.5 лет назад
This beginner level TouchDesigner tutorial covers using the Noise TOP to generate vertex displacement effects within the Phong MAT. It also touches on how to create a render network from scratch, recoloring with the Lookup TOP, and adding post-render shading with the SSAO TOP. In the article linked to below I discuss these topics in more depth. If you have questions, comments, suggestions or co...
Instancing Geometry in TouchDesigner
Просмотров 43 тыс.5 лет назад
This beginner level TouchDesigner tutorial covers instancing with the Geometry COMP, a technique that lets you copy one piece of geometry many times in an efficient way. To accomplish this we go through various methods for generating and manipulating CHOP data to represent position, rotation and color values. Instancing is a flexible tool that is useful in a variety of applications. This tutori...
loviuuu
The concepts per minute in this video are through the roof
super interesting!!!
Love this concept! Looking forward to more tutorials!
U are the fucking goat polyhop wtf thank you so much for teaching me this
Thank you ,nice tutorial!
once again watching your videos thinking I already know this stuff and then still taking a bunch of stuff away from it anyway, thanks man!
The SwitchTOP inside the feedback loop was a neat trick to fight against the LimitTOP, definitely gonna steal that one
how to remove the white color on grid at (11:33)
You can toggle off the render flag (purple dot on the GEO Comp) if it's still showing up in your render. Unless I'm misunderstanding the question.
Thanks for an informative and useful tutorial. You introduced some new concepts for me which are great to know. I appreciate the detailed descriptions about why you need to do certain things. Kudos!
Still a solid project!
brilliant
great tutorial🎉 Im super new to coding, what syntax duo you use in sublime, i want to get the same colors as you so im not super extra confused 😂
I use this "OpenGL Shading Language (GLSL)" package that adds GLSL syntax highlighting packagecontrol.io/packages/OpenGL%20Shading%20Language%20%28GLSL%29 There are instructions through that link for how to add it using package control, so you can do it entirely withing sublime text.
@@polyhop awesome, thank you
As always great tutorial. I really liked your talk about convolution. Sadly I couldn't port the webGL code to my Mac (M1) since it always crashed the system. But I will get back to this tutorial as soon as I get my hands on a good windows PC.
Noted! I don't have easy access to a Mac for testing, but I will solicit feedback from some friends with them in case there's a solution to this crash. I like to make things work cross-platform as much as possible.
yes my m1 crashed as well here is the error: Vulkan Device Error The graphics driver has returned a fatal error and TouchDesigner must exit.
@@mamadmadcap Thanks for the note. I sent the example files to a friend with an M1 Mac to test who didn't have an issue. I wonder if there's a point in following the process where it crashes. Do you know where you were in the tutorial when it gives you the error?
I remember pateka doing that alias trick and just wondering what even is life....
fantastic tut! thanks! slightly unrelated: my channel switches on math top are inverted by default. like white is OFF... cant find anything in preferences. Is that a me or you thing? lol
Strange! There aren't UI preferences that would let you change the color. As far as I know the way it looks in my tutorial is the way it should look. Could be worth taking a screenshot to the TouchDesigner forum!
It's a delight to see Clash: Artifacts of Chaos be mentioned.
Thank you for sharing! This is awesome !!!!!
Great explanation and a really cool tool thanks!
if you wanna use this with other .toe projects as a .tox, add selects to the timeline chop and then a math chop to the rangeend select & multiply by 6. that's one way...
thank you so much, i've been trying to learn how to do some easing but haven't seen anything
very cool and thanks for sharing, this seems to be a pretty advanced tutorial, i am new to touch designer, i got a different result but somewhat similar
good stuff! thank you! I've been using trigger chops and animation comps for years but never once have tried the S Curve. would of saved me so much time......
21:19 Bro points to you the 4th dimension
Hi! How could I adapt this to 1920x1080 resolution? Thanks!
You'll need to adjust the resolution of "render1" for 1920x1080, and make sure the grid is both set to a 16:9 ratio in size, and the corresponding rows and columns. Additionally your input video will want to be 16:9 aspect. That should at least get you going in the right direction!
@@polyhop thanks! went through the operators, but encountered an issue with the ortho camera, it seems like it needs to be adjusted manually now, but breaks the dynamics when changing font size and so on. Solved with a fit after the in top and changing the render resolution to 16:9!
@@PaulikasKarolis Ah yes you'll need to adjust the camera ortho width too. Was thinking in my head of what would need to change and missed that detail :) Glad you found your way to a solution!
That looping element with the timeline chop is so useful, thanks a lot!
is it possible to sample the noise values instead of matching the resolution with the number of lines?
Sure! I actually do this more often these days. Normalize your position values (though ideally keep them aspect correct) so they go from 0-1, and use those with a remap TOP, setting the resolution to match the uv texture, not the source. My recent ASCII Effect tutorial does something similar if you want a reference.
@@polyhop still a beginner so i'm not sure i understand where to use the remap. what i did for the time being and seems to work is normalize my positions without caring about the aspect, then feed my positions to the Top to CHOP that is converting the image. Then just before converting my CHOP back to TOP i used a math to stretch the x values according to the aspect ratio. Will watch the ASCII tut for sure
Thank you! I learned a lot from this!
Thank you, love the way explain things.
Thanks for the credits
Great tutorial I hope you continue to make more!
Thanks a lot I just finished your last tutorial and now there is already a new one :D I really like the way you teach focusing on the teaching new concepts!
Thank you!
It is a very informative and pleasant tutorial. Thank you!
why did I get a whole dark block when I throw normal maps into the phone1?
have you fixed that? I met same problem
Finally got around to working through this tutorial! I'm pretty new to TD and haven't touched it for a few months - but the tut was super easy to understand and well explained - i feel confident knowing what to tinker with to get my desired effect! Thank you so much :)
you are amazing!
Worth the watch, learned a lot, thanks!
Always learn something new from you, thank you!
Your tutorial is very good and it helps me a lot in my study. Thank you very much. I wish you a happy life
Dude.....I'm only a third of the way through this and this is already a brilliant tutorial. Thank you.
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)
This is so good
You my sir are a mad scientist. Thank you for the tutorial!
thx man this help me lot, i learn how do those attractor force whatever in processing, but did not know how it apply into td and how td glsl work, but after u show the node version and text version, i can visualize it now.
uTotallyRad()!!! @1:16:16 Tysm for this amazingly beautiful and useful tut.
The GOAT is back!!!
Great tutorial! I've been using TOPs for instancing a lot this past year. A quick tip for you-the RGB Key TOP is now my preferred method for getting a black BG. It's a plug and play solution that requires less clicks than a Constant.
Damn!! 😵💫🤩🤩
Amazing tutorial so much information!! Is there a reason you are using chop export rather than reference?
Great question, it mostly comes down to habit for me, since I started using TouchDesigner when exports were still faster than references. At this point python speed in TD has improved to the point that any speed difference is negligible. There are instances where one or the other makes more sense (if you use the export by channel name, or are using expressions dynamically) but I think most instances in this tutorial you can use either interchangeably
@@polyhop got it, thanks :)