Custom Interactive 3d Particle System TOUCHDESIGNER TUTORIAL

Download the project files and more here.
I usually add some extra spice to the Patreon files.
/ supermarketsallad
A custom 3d particle system without the particles GPU component.
----------------
0:00 intro
0:45 creating the grid
2:50 creating the feedback loop
5:00 creating the life component
8:33 customizing the life component
12:55 idea nr 1 completed
15:00 starting idea nr 2
15:35 coffee break
15:40 point transform
17:25 mouse-in CHOP
21:20 render network
24:15 color
----------------
@simondavidryden on instagram
simondavidryden.bandcamp.com/
Remember to subscribe
----------------
HUGE THANK YOU TO THE PEOPLE SUPPORTING ME ON PATREON:
----------------
Specs:
Processor: 12th Gen Intel(R) Core(TM) i5-12400F 2.50 GHz
Installed RAM: 16,0 GB
GPU: NVIDIA GeForce RTX 4060 Ti

[@beatrizcampos5390]

absolutely amazing! started working on touchdesign a year ago for uni. Had no idea this was even possible. Best tutorials ever :)

[@MrMapleFreaks]

babe wake up new supermarket sallad tutorial just dropped

[@sunnk]

one of the best tutorials i've ever seen for touch! 🙏

[@tamboo_music]

Wow, this tutorial is absolutely incredible! Huge thanks for sharing such valuable knowledge ✨

[@CloudChamberTV]

only 4:44 min in and already blown away by beautiful result. you're too good for sharing this! comparing to other tutorials yours are the most satisfying in all ways from chill narration to incredible outcome. thanks for sharing the wizardry.

[@Cristopher.Henrique]

after 5:04 I don't get the blue added, I've redone everything and there's no blue

[@postdaigo]

This was incredible, thank you a lot for teaching us!

[@glorymy8762]

Great tuto btw if you drag and drop chop value on the parameters like color in constant that applied directly on the 3 value, its faster than just write it 3 times

[@LongTran-xw5yp]

Thank you. Really appreciate your efforts in sharing this with everyone. learned a lot from you. much love from VN!

[@ithamardimarco9082]

Amazing as always 🔥🔥🔥

[@antoinefortin1386]

The life component is pure genius !

[@lennards9039]

Beautiful.

[@Deebofreebo]

Wow. Good job. Clear explanation, and I learned a good bit of theory in addition to following the task. Thx!

[@erentug]

Great work, thank you for the tutorial

[@dubaisours]

Amazing video! Thanks for sharing

[@Zom8ie10]

This is sick thanks for the knowledge bombs

[@sophialiarou4688]

Great tutorials always!!!👋

[@evilmonkeylopez]

Brilliant!!! Thanx!

[@arrtuuuroooo]

thank you !

[@SaimGulay]

thank you very much!

[@dancing_alien631]

wonderful dude, you are magician 🌹🍉

[@laurajunephilippa]

Thank youuuu

[@deathofgrungeboy]

bol'shoye spasibo Thank you so much!

[@thoughtfullymindless]

This is awesome!!

[@unveil7762]

Really cool!! 🎉

[@minghuaxiao9906]

Che bravo!

[@xdivisjon]

thanks!

[@lakshyasingh636]

🔥🔥🔥🔥

[@anastasial]

another fantastic tutorial, thank you!😍 Do you remember the specific video, where paketa12 mentions the technique at 6:41?

[@supermarketsallad]

kzbin.info/www/bejne/qHq3lq2IedqUiZIsi=ep8cjyZ2503ieI9o Around 11 min into this one. I did a variation on what he did. But the way he used feedback, constants, and a matte was really clever. Edit: literally everything he does is really clever.

[@anastasial]

@@supermarketsallad thank you! I agree, he's a genius that paves new ways in Touchdesigner!

[@flloyd3304]

This is amazing, thanks! Do you happen to know of a way to have the particles instead of moving organically, move more on a dynamic, quantized grid? Would be awesome to contrast the organic movement with a more 'digital' or quasi-'systemized' movement.

[@supermarketsallad]

One way that I’ve been playing with lately is to turn down the exponent of the noise (in the feedback loop) to zero.

[@neokortexproductions3311]

awesome! Thank you for the tutorial! just got a new subscriber😀 Do you know how I can attach a webcam input to this so it can react to the particle system??

[@RusticRaver]

top

[@StankoBeronja]

hey man.. just beautiful results, no question about it... however, could you maybe do a tutorial and try to explain why you did this and that, meaning just open this project and go from node to node and explain what function it does... that would help as rookies immensely... If you ever happen to be in frankfurt am main, germany you are invited to a beer or two... :)

[@supermarketsallad]

Yeah, I try to balance speed with pedagogy, but yeah - maybe I should start adding little explainers or create new info videos. Nice suggestion. I’m not anywhere near Frankfurt, but if I’m ever there ;)

[@dmitrycheremisin4259]

Superb! Thanks a lot!

[@aengsyoutube]

12:55 :파라미터 수정 16:35 :파티클 이동시키기

[@Monja191]

🤩

[@ITALY3987]

🙌🙌

[@smyrkphace]

Love this whole series! I have been having trouble adding my color selections back into the feedback. I can isolate with chroma, but when I add it within the feedback they just fly away. I reduced the offset to zero and really low numbers but they really move out of position. how do you add back into the feedback without exploding the particles?

[@supermarketsallad]

Where in the tutorial are you? Im guessing you are talking about the noise. Make sure you are multiplying the threshold with the noise (under output selet input * noise) otherwise you are adding the threshold to the noise by default. Maybe that helps

[@synvaren]

My threshold seems more sensitive then yours and I can't seem to get the pivot to react to new values in the point transform. Odd.

[@hele-maivettik7059]

Hello! Great video! I really like the result in 4:44 but how can i export it out of TD?

[@supermarketsallad]

You need to render it out. Skip to that chapter and follow the instructions

[@dleon9781]

Amazing! If i want to change the ration to 16:9 , may i ask where shall I make some changes?

[@weatherwormful]

Yes looking for the same. Lake Heckerman shows how to with Particles GPU but I'm not sure its possible with geo instancing

[@supermarketsallad]

Yeah of course it’s possible. I’m posting a tutorial next week where I go through it

[@weatherwormful]

@@supermarketsallad yusssss you are awesome!!

[@andreabucci5819]

it is possible to add a bounding box? thx a lot for the great technique

[@supermarketsallad]

Add a limit top, inside or after the fb loop ;)

[@LiwUtlr]

Author, please tell me the name of the genre of music that plays in the background in each of your videos. Or, is there a name for the music that you play in the background of the video? They are wonderful! I tried to find such songs, but I don’t know where to look or what they are called... I want to understand what genre the songs are and I want to listen to them~ I like these songs, but I don't know what kind of songs they are....

[@supermarketsallad]

Thank you! This is my music, you can find a link to my bandcamp in the description. The music is free to download there. As to what genre it is.. I don’t know. These tracks in particular are very inspired by “dawn of midi.” And ambient music in general.

[@ananyaborle5186]

how can i export something like this?

[@nasjabel]

The whole particles disappeared after adding a keyboard in node and tapping it. How do I bring back the life particles ? Or how to keep it reforming ?

[@andromeda9961]

Thanks a lot! just had one problem, when i try to move my camera in the render network part i see my particles as 2d object, any idea why? thanks again

[@supermarketsallad]

Sounds like you just have 2 channels. Either your pixel format is set to 32bit float rg. But more likely, you forgot to add a third channel somewhere, probably in the instancing tab. Check the instancing tab in you geo, did you set r, g, and b in the translate x, y, and z tab.

[@andromeda9961]

i dont think it's that, i checked both@@supermarketsallad

[@Stationsix_Music]

Is there a way to make this audio reactive? Thanks!

[@FutureofOUTdoor]

Great Project & tutorials. Thanks, Man .. How I can Resize Landscape view_ like 6000 x 1080 pixel

[@supermarketsallad]

Change the res of the render to your desired size :)

[@FutureofOUTdoor]

Thanks@@supermarketsallad for the replay 🙏.. but I need to resize of Source, not the render view

[@supermarketsallad]

@FutureofOUTdoor oh, if your computer can handle it.. you’re gonna have 6.5 million particles. create a new constant chop with two channels and set it to x 6000 and y 1080. And link that to the res all the nodes that are linked to the current constant (but for x and y) you could divide by 2 or 4 it if it gets too intense. And then you need to stretch the uv with a math - so multiply the x direction (red channel) by the ratio (6000/1080 = 5.555…) with a math TOP. To resize it. Or I guess you could just scale it by 6000/1080 in the x direction in the point transform top (after the reorder) that’s probably easier lol. And then you just need to center it

[@FutureofOUTdoor]

@@supermarketsallad Thank u man 🙏 .. worked .. but the computer has dead 😇🤕😂

[@tomhill6004]

Great Tutorial as always! Totally noob question (apologies). I'd like to export what I have from around the 13 minute mark of this video. How do export this to video? I figured it out on a previous tutorial using a movie file out TOP, but I don't know what to connect it to with this one/ at the 13 minute stage in your video...

[@supermarketsallad]

Plug it into the last node in your system. Think of movie file out as “recording” what is happening in the node it is connected to. So plug it into the one you want to record.

[@tomhill6004]

@@supermarketsallad I tried that but it gave me a movie of static / dancing pixels

[@tomhill6004]

@@supermarketsallad or if I attach it to the node labelled POS it gave me the blotchy red and green noise image.

[@supermarketsallad]

@@tomhill6004oh that makes sense. Sorry. You tried to record the point information. The “view as points” can be treacherous. But we first need to render those to a “human understandable image” lol. Skip to 21:23 in the tutorial. Where we build the render network. And then record that. So we first need to instance those points in a geo, record it with a camera, and then render. And then we can use the movie file out.

[@tomhill6004]

@@supermarketsallad ahh. I did wonder if I should have watched the whole thing first 😂. Thank you! 🙏

[@user-pe2zy2qh2d]

That's great. How can I gather particles and rise in 19 minutes and 39 seconds？

[@supermarketsallad]

Very specific time :) Try a timer chop maybe, it’ll output a ramp (0-1) and then you can use a lookup chop and a wave or whatever. And link that to whatever parameters you want to manipulate

[@thaiphan3647]

Hi, Can i replace the particles with picture? If yes, how can I do it

[@qiefan-ws9ee]

Excuse me, how can I achieve such an effect on a picture?

[@paulruckert6120]

what is the name of that insane nice song in the background?

[@supermarketsallad]

You can find it on my bandcamp :) link in the description :)

[@radpix]

Doesnt work since 4:40 with Mac M1 or does it only with grafix in PC ?

[@supermarketsallad]

It should, what does your issue look like?

[@DJFortune1502]

my threshold doesn't seem to be resetting. I built the life component but it's not resetting the pixels

[@emmagiaci]

hey, I have a question if I can make it motion reactive somehow, even tho it is not particles I would like it to react to motion thru ndi. How can I connect it please?

[@emmagiaci]

and also can I replace the keyboard in which is in feedback to something that will do it automatically? thanks!

[@supermarketsallad]

kzbin.info/www/bejne/qHjSdJWMoqynhqc Here's a tut that can get you started

[@supermarketsallad]

yes, any chop that outputs a trigger works

[@cm0132]

Hey, thanks for the tutorial but at 19:39 you made a cut and the whole visual becomes a lot more reactive. I've been struggling with this for the past hour how to fix it but I just cant figure it out. Could you please help me? I already tried the thresh 2 and math 1 but the problem doesn't lie there. Thanks!'

[@supermarketsallad]

I’m sorry, I should have been clearer m. I’m speeding up the video since it’s just dead time in the tutorial. But you can make it more reactive by multiplying the mouse-in values with a larger value. Either with a math chop. Or by typing in *3 (or whatever) at the end of the expressions. Does that make sense?

[@cm0132]

I also dont get the tornado to go up. only in a slow pase by letting the particles turn and make their way up slowly by turning around. Maybe this can help :)

[@supermarketsallad]

@cm0132 move the threshold down a little bit so it “picks up” more particles. That can help

[@Anckg]

Hey, did you figure this out? I'm also having the same problem

[@postdaigo]

@cm0132 @Anckg Set the "Multiply" parameter of the "math3" operator to 0.01 (instead of 0.001)

[@rodrigocastro1699]

Please make a tutorial inpired in the work of refik anadol

[@9171flavio]

Thankyou for this amazing tutorial In the minute 11:24 you say "like that", and the name of the parameter changes from 15 to "life". I don't know how did tou do that, it's imposible for me to change the name of this parameter. Obviously, I'm a beginner with this kind of complex projects in Touchdesigner. Thankyou

[@supermarketsallad]

My favorite command: ctrl + z

[@9171flavio]

OK, you said "not like that". Thankyou again, now i'm working in this project, it's fastantic @@supermarketsallad