Custom Interactive 3d Particle System TOUCHDESIGNER TUTORIAL

Поділитися
Вставка
  • Опубліковано 27 тра 2024
  • 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

КОМЕНТАРІ • 98

  • @beatrizcampos5390
    @beatrizcampos5390 2 місяці тому +3

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

  • @MrMapleFreaks
    @MrMapleFreaks 7 місяців тому +9

    babe wake up new supermarket sallad tutorial just dropped

  • @sunnk
    @sunnk 7 місяців тому +3

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

  • @tamboo_music
    @tamboo_music 2 місяці тому

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

  • @CloudChamberTV
    @CloudChamberTV 6 місяців тому +4

    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
      @Cristopher.Henrique 3 місяці тому

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

  • @postdaigo
    @postdaigo 3 місяці тому +1

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

  • @LongTran-xw5yp
    @LongTran-xw5yp 2 місяці тому

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

  • @antoinefortin1386
    @antoinefortin1386 Місяць тому

    The life component is pure genius !

  • @Deebofreebo
    @Deebofreebo Місяць тому

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

  • @glorymy8762
    @glorymy8762 6 місяців тому +2

    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

  • @dubaisours
    @dubaisours 7 місяців тому

    Amazing video! Thanks for sharing

  • @erentug
    @erentug 4 місяці тому

    Great work, thank you for the tutorial

  • @ithamardimarco9082
    @ithamardimarco9082 7 місяців тому

    Amazing as always 🔥🔥🔥

  • @Zom8ie10
    @Zom8ie10 7 місяців тому

    This is sick thanks for the knowledge bombs

  • @sophialiarou4688
    @sophialiarou4688 7 місяців тому

    Great tutorials always!!!👋

  • @thoughtfullymindless
    @thoughtfullymindless Місяць тому

    This is awesome!!

  • @dancing_alien631
    @dancing_alien631 2 місяці тому

    wonderful dude, you are magician 🌹🍉

  • @lennards9039
    @lennards9039 21 день тому

    Beautiful.

  • @unveil7762
    @unveil7762 7 місяців тому

    Really cool!! 🎉

  • @evilmonkeylopez
    @evilmonkeylopez 7 місяців тому

    Brilliant!!! Thanx!

  • @arrtuuuroooo
    @arrtuuuroooo 14 днів тому

    thank you !

  • @deathofgrungeboy
    @deathofgrungeboy 6 місяців тому

    bol'shoye spasibo
    Thank you so much!

  • @SaimGulay
    @SaimGulay 6 місяців тому

    thank you very much!

  • @neokortexproductions3311
    @neokortexproductions3311 19 днів тому

    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??

  • @xdivisjon
    @xdivisjon 6 місяців тому

    thanks!

  • @laurajunephilippa
    @laurajunephilippa 6 місяців тому

    Thank youuuu

  • @minghuaxiao9906
    @minghuaxiao9906 2 місяці тому

    Che bravo!

  • @yuting-we3ly
    @yuting-we3ly Місяць тому

    bro so cool!!!

  • @flloyd3304
    @flloyd3304 7 місяців тому

    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
      @supermarketsallad  7 місяців тому +3

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

  • @StankoBeronja
    @StankoBeronja 6 місяців тому +2

    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
      @supermarketsallad  6 місяців тому +1

      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 ;)

  • @anastasial
    @anastasial 7 місяців тому

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

    • @supermarketsallad
      @supermarketsallad  7 місяців тому +1

      ua-cam.com/video/rITezRDuaS0/v-deo.htmlsi=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
      @anastasial 7 місяців тому

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

  • @smyrkphace
    @smyrkphace 6 місяців тому

    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
      @supermarketsallad  6 місяців тому +1

      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

  • @dmitrycheremisin4259
    @dmitrycheremisin4259 7 місяців тому

    Superb! Thanks a lot!

  • @ananyaborle5186
    @ananyaborle5186 3 місяці тому +2

    how can i export something like this?

  • @synvaren
    @synvaren 5 місяців тому

    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.

  • @nasjabel
    @nasjabel 2 місяці тому

    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 ?

  • @dleon9781
    @dleon9781 4 місяці тому +1

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

    • @weatherwormful
      @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
      @supermarketsallad  Місяць тому +1

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

    • @weatherwormful
      @weatherwormful Місяць тому

      @@supermarketsallad yusssss you are awesome!!

  • @andromeda9961
    @andromeda9961 7 місяців тому

    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
      @supermarketsallad  7 місяців тому

      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
      @andromeda9961 7 місяців тому

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

  • @Stationsix_Music
    @Stationsix_Music 2 місяці тому

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

  • @RusticRaver
    @RusticRaver 7 місяців тому

    top

  • @lakshyasingh636
    @lakshyasingh636 7 місяців тому

    🔥🔥🔥🔥

  • @hele-maivettik7059
    @hele-maivettik7059 Місяць тому

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

    • @supermarketsallad
      @supermarketsallad  Місяць тому

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

  • @thaiphan3647
    @thaiphan3647 Місяць тому

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

  • @DJFortune1502
    @DJFortune1502 15 днів тому

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

  • @andreabucci5819
    @andreabucci5819 6 місяців тому

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

  • @LiwUtlr
    @LiwUtlr 7 місяців тому

    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
      @supermarketsallad  7 місяців тому +2

      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.

  • @tomhill6004
    @tomhill6004 2 місяці тому

    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
      @supermarketsallad  2 місяці тому

      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
      @tomhill6004 2 місяці тому

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

    • @tomhill6004
      @tomhill6004 2 місяці тому

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

    • @supermarketsallad
      @supermarketsallad  2 місяці тому +1

      @@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
      @tomhill6004 2 місяці тому

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

  • @qiefan-ws9ee
    @qiefan-ws9ee Місяць тому

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

  • @ITALY3987
    @ITALY3987 7 місяців тому

    🙌🙌

  • @emmagiaci
    @emmagiaci 13 днів тому

    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
      @emmagiaci 13 днів тому

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

    • @supermarketsallad
      @supermarketsallad  11 днів тому

      ua-cam.com/video/rGoCbVmGtPE/v-deo.html
      Here's a tut that can get you started

    • @supermarketsallad
      @supermarketsallad  11 днів тому

      yes, any chop that outputs a trigger works

  • @aengsyoutube
    @aengsyoutube 6 місяців тому

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

  • @Monja191
    @Monja191 7 місяців тому

    🤩

  • @radpix
    @radpix 3 місяці тому

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

  • @paulruckert6120
    @paulruckert6120 6 місяців тому

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

    • @supermarketsallad
      @supermarketsallad  6 місяців тому

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

  • @user-pe2zy2qh2d
    @user-pe2zy2qh2d 6 місяців тому

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

    • @supermarketsallad
      @supermarketsallad  6 місяців тому

      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

  • @FutureofOUTdoor
    @FutureofOUTdoor 6 місяців тому +1

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

    • @supermarketsallad
      @supermarketsallad  6 місяців тому

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

    • @FutureofOUTdoor
      @FutureofOUTdoor 5 місяців тому

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

    • @supermarketsallad
      @supermarketsallad  5 місяців тому +1

      @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
      @FutureofOUTdoor 5 місяців тому

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

  • @cm0132
    @cm0132 5 місяців тому

    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
      @supermarketsallad  5 місяців тому

      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
      @cm0132 5 місяців тому +1

      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
      @supermarketsallad  5 місяців тому

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

    • @Anckg
      @Anckg 4 місяці тому

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

    • @postdaigo
      @postdaigo 3 місяці тому +3

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

  • @rodrigocastro1699
    @rodrigocastro1699 7 місяців тому

    Please make a tutorial inpired in the work of refik anadol

  • @9171flavio
    @9171flavio 3 місяці тому

    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
      @supermarketsallad  3 місяці тому

      My favorite command: ctrl + z

    • @9171flavio
      @9171flavio 3 місяці тому

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