Basic particle system with GLSL TOP (Touchdesigner tutorial)

Hey, It's been four months already 👀
I finally found some time and courage to make another tut. Hope you gonna like it, It's a basic GLSL particle setup with compute shaders, I want to do more videos about particles in Touchdesigner, so this one is a kinda basic setup that I'm gonna reference a lot in future vids.
Hope you're doing well
Subscribe for more tutorials!
Support me on Patreon and get access to all the project files and more stuff: / noonesimg
Checkout my instagram:
/ noonesimg
Check out my other tutorials:
• touchdesigner tutorials

[@sebp400]

exactly what I was looking for to learn compute shaders techniques in Touchdesigner. And using constant TOP as buffers.. nice. My GPU doesn't think so though. I have to turn off ''clear output'' to make the data feed back but can't connect the instancing since it makes my whole crappy laptop freeze. Time for a good graphics card!

[@N0V4E_]

Juste to say that english is not my primary language and I'm a beguiner whit td.. so I followed this tutorial at 0,75 speed and yep, I felt like morty listen to a rick's td tut haha 7:56 Btw thanks for it, it realy help !

[@4i20]

amazing, thank ya

[@elekktronaut]

nice!

[@高继航-t7s]

4；35 Hello, thank you for your tutorial. I don't know why. This component is not displayed at all. It is black

[@bolekz]

short and nice as always!

[@clashingpatterns]

Hello, this isn't working for me. It says "compile error" in the glslmulti. I don't know any coding so I'm at a loss. As this is 3 years old is there a chance something might have changed in touchdesigner? If so: any chance of an updated tutorial? I love your work by the way

[@xinyelin5335]

I like your tutorial a lot !!

[@lee_sung_studio]

Thank you. 감사합니다.

[@MathiasHradecsni]

So great, thanks!! Exactly what I want to learn right now :)

[@justinjbenjamin]

Awesome, I am excited to learn this program! ^__^

[@damilarejames5146]

Great tutorial but please how can i have this interact with a kinect

[@user-hp9zi1mc7q]

Thanks for the great tutourial，BUT why i got an error when i drag the ramp to color op in instance2.

[@noonesimg]

Thanks! don't know what's your case, but my guess is that your ramp has a differt size than your position buffers. Adjust the ramp resolution

[@colemiller94]

thanks for the great videos, im getting a warning/error following along on the first render: 'a mat is using texture coordinates, but the sop being used with it doesn't have UV attributes'. Should i just use the texture SOP? Anyone run into this?

[@高继航-t7s]

Hello, thank you for your tutorial. I don't know why. This component is not displayed at all. It is black

[@blankensmithing]

Really great tutorial! Do you mind if I share an example .toe file that runs on Mac? I just translated the code to a pixel shader.

[@noonesimg]

Thanks! Sure, go for it, the only thing I'd ask for is if you could credit my video :)

[@blankensmithing]

​@@noonesimg oh sweet, I just meant as a comment on this video​

[@noonesimg]

@@blankensmithing hehe, oh, okay then, if you post a link in another comment, I'll pin it for the generations to come :)

[@blankensmithing]

@@noonesimg hmm for some reason youtube won't let me post a comment with a google drive download link in it. It keeps taking down my comment

[@yuheihosokawa]

@@blankensmithing im trying to use particles but it never works. could you plz send me the code that works on Mac?

[@darklight6953]

um, can i ask what is it with reoder, because i don't understand about that. i try it, great video btw.

[@noonesimg]

Reorder TOP let's u mix channel, i.e. use one's image red as a blue channel for another image, etc. Here I use alpha channel as a life value, so the noise TOP offset will represent time in seconds until a particle gets reset. And the reorder TOP is used to output that value on the alpha channel.

[@darklight6953]

@@noonesimg thank you so much for the reply, but I haven't fix it tho 😭, it keep pulse in and out, but when I Bypass the reorder, it create really beautiful wave tho.

[@elizazryvombrozy]

Thank you for this tutorial :) I have a question, how do I duplicate those OPs? Is it the same as copy paste? I would rather use the same as you not to make any confusion. I have some complications and it seems velocity doesn't affect the pos...and I was following your instruction step by step except Duplicating I used Copy/Paste and I' m wondering if that was the mistake. Thank you for your answers :)

[@elizazryvombrozy]

I finally mannaged to finish it :)

[@syntheticpolymer620]

@@elizazryvombrozy Any chance you remember what your problem was? I'm having a very similar problem with velocity.

[@syntheticpolymer620]

nvm I got it. My problem was the line "pos += vel * step", I had "pos += f * step"

[@driangle]

Is this something that can be done without compute shaders? (ie: on Mac). I know you said compute shaders are not supported on Mac, but I am looking for an alternative. Thank you for this video!

[@noonesimg]

In this particular case you can probably get away with with using regular fragment shaders, but you have to make two glsl TOPs: one for updating velocity, and another for integrating velocity to position and lifespan count. As far as I know fragment shader allow only one output buffer.

[@driangle]

@@noonesimg thank you this helped a lot!

[@martinhoura8056]

What's the editor that you use with TD?

[@noonesimg]

It's VS Code

[@martinhoura8056]

@@noonesimg thanks

[@CrackTheIce]

Hey, I tried the whole thing step by step but am failing at the force part around 4:30. After entering the lines in the Editor nothing happens; all the Windows remain black and the noise remains static. Anybody gotvany ideas what the problem is? Tried everything twice and am Sure that I did it the exact same way..

[@paolabelviso7465]

Hi! Have you clicked on "Save" on your editor after writing the code? Many editors don't have automatic changes

[@garvitamipara]

Same issue. Although everything is same as in the video, node names, adjustments, script all tripple checked and yes svaed the script, I am still getting an error in the glsl script.

[@beners]

Can you please share the source of the opening rendering (the noisy purplish system)? I need something just like this for an upcoming project :)

[@ccao660]

you are awesome! so great and short but super clear tutorial!

[@davideagostinelli357]

nculo

[@beflux.1]

how can I do this on a mac?

[@noonesimg]

Sorry, I don't think it's possible. Compute shaders require OpenGL 4.3+, and MacOS supports only 4.1

[@camilazer]

@@noonesimg :(

[@blankensmithing]

Just posted an example in the comments. Hope it helps :)

[@НикитаКнк]

When I drag the Ramp to the Color OP, an error appears. Why?

[@НикитаКнк]

Error: All OPs must generate the same number of instances (have the same lenght)

[@paolabelviso7465]

Because you have to put the same resolution as the pos and the vel, the standard resolution of the Ramp is 256x256

[@lee_sung_studio]

@@paolabelviso7465 Thank you.

[@buho4212]

whats basic about this??? jajaja awesome tut tho, im just starting on this so... @_@

[@hamad.learns]

lol @ FORCE

[@kiqyou]

"basic". ha

[@merttabanca7262]

Do you call it basic? Misinformative..

[@gaelrambaud9410]

Too fast for someone whose native language is not English. Shame. No explanation, we don't understand anything about what we're doing. I think that a tutorial should also be used to explain and not just to stupidly try to copy. For me, It doesn't work and I have no way of knowing why because I didn't understand anything about what I did.