Custom Interactive 3d Particle System TOUCHDESIGNER TUTORIAL

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น •

  • @MrMapleFreaks
    @MrMapleFreaks ปีที่แล้ว +16

    babe wake up new supermarket sallad tutorial just dropped

  • @beatrizcampos5390
    @beatrizcampos5390 9 หลายเดือนก่อน +4

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

  • @CloudChamberTV
    @CloudChamberTV ปีที่แล้ว +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 10 หลายเดือนก่อน

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

  • @antoinedevldn
    @antoinedevldn 8 หลายเดือนก่อน

    The life component is pure genius !

  • @sunnk
    @sunnk ปีที่แล้ว +3

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

  • @skyex
    @skyex 2 หลายเดือนก่อน

    Just a quick efficiency tip-you can get the reciprocal of your rate in the same Math CHOP you Multiply the Constant channels with by setting the Channel Post OP Parameter to Inverse.

  • @StankoBeronja
    @StankoBeronja ปีที่แล้ว +8

    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  ปีที่แล้ว +5

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

  • @LongTran-xw5yp
    @LongTran-xw5yp 9 หลายเดือนก่อน

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

  • @apzzpa
    @apzzpa 4 หลายเดือนก่อน +1

    Jus to heads up RE Life component, make sure you set the Feedback's Pixel Format to 32-it RGBA or set it on the Threshold. You need the Alpha otherwise it will not work

  • @postdaigo
    @postdaigo 10 หลายเดือนก่อน +1

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

  • @cm0132
    @cm0132 ปีที่แล้ว +1

    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  ปีที่แล้ว

      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 ปีที่แล้ว +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  ปีที่แล้ว

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

    • @Anckg
      @Anckg 11 หลายเดือนก่อน

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

    • @postdaigo
      @postdaigo 10 หลายเดือนก่อน +4

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

  • @glorymy8762
    @glorymy8762 ปีที่แล้ว +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

  • @tamboo_art
    @tamboo_art 9 หลายเดือนก่อน

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

  • @aengsyoutube
    @aengsyoutube ปีที่แล้ว +1

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

  • @lacheeky123
    @lacheeky123 5 หลายเดือนก่อน +1

    14:30 when setting the rgba like you did, I get a weird perpendicular set of two planes instead of one cohesive one like you did initially when masking BA not RG… any pointers anyone?

  • @Stationsix_Music
    @Stationsix_Music 9 หลายเดือนก่อน +4

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

    • @SunnyAssistant
      @SunnyAssistant 6 หลายเดือนก่อน +2

      I would love to know too 🙌

  • @radpix
    @radpix 10 หลายเดือนก่อน +1

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

    • @supermarketsallad
      @supermarketsallad  10 หลายเดือนก่อน

      It should, what does your issue look like?

  • @crossworksdi
    @crossworksdi 6 หลายเดือนก่อน +1

    its really wonderful if you want to do this project with kinect than what changes to do

  • @KaleidoKurt
    @KaleidoKurt 7 หลายเดือนก่อน +1

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

  • @nasjabel
    @nasjabel 9 หลายเดือนก่อน +1

    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 ?

    • @florapapi
      @florapapi หลายเดือนก่อน

      same

    • @florapapi
      @florapapi หลายเดือนก่อน

      @supermarketsallad

  • @artistoogi
    @artistoogi 4 หลายเดือนก่อน +1

    Thanks this tutorial!! How to more speed like you when use mouse? 20:30

  • @smilefenn4813
    @smilefenn4813 6 หลายเดือนก่อน

    3:35 whenever i do this, the noise top auto connects to the "end" null, and when i try to remove that connection, there is a red x sign on the end null and the white square in the display disappears.

  • @paasulla
    @paasulla หลายเดือนก่อน +1

    6:50 you got me confused there

  • @dleon9781
    @dleon9781 11 หลายเดือนก่อน +1

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

    • @weatherwormful
      @weatherwormful 8 หลายเดือนก่อน

      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  8 หลายเดือนก่อน +1

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

    • @weatherwormful
      @weatherwormful 8 หลายเดือนก่อน

      @@supermarketsallad yusssss you are awesome!!

  • @ananyaborle5186
    @ananyaborle5186 10 หลายเดือนก่อน +3

    how can i export something like this?

    • @ronolds6505
      @ronolds6505 5 หลายเดือนก่อน +1

      Good question! Nobody ever shows how to export a Touchdesigner file and how to import as a background into your project. ???

    • @badmingos
      @badmingos 22 วันที่ผ่านมา

      You add movie out then disable real-time then hit record while it's playing. When you stop it will save it

    • @badmingos
      @badmingos 22 วันที่ผ่านมา

      ​@@ronolds6505You add movie out then disable real-time then hit record while it's playing. When you stop it will save it

  • @qweveee
    @qweveee หลายเดือนก่อน

    I did everything as shown in the video, but my particles do not rise up as at this moment 20:33 , but only change their rotation speed depending on the cursor position :(
    Who can help with this problem pls

  • @lennards9039
    @lennards9039 7 หลายเดือนก่อน

    Beautiful.

  • @erentug_music
    @erentug_music 11 หลายเดือนก่อน

    Great work, thank you for the tutorial

  • @Zom8ie10
    @Zom8ie10 ปีที่แล้ว

    This is sick thanks for the knowledge bombs

  • @dancing_alien631
    @dancing_alien631 9 หลายเดือนก่อน

    wonderful dude, you are magician 🌹🍉

  • @dubaisours
    @dubaisours ปีที่แล้ว

    Amazing video! Thanks for sharing

  • @ithamardimarco9082
    @ithamardimarco9082 ปีที่แล้ว

    Amazing as always 🔥🔥🔥

  • @dmitrycheremisin4259
    @dmitrycheremisin4259 ปีที่แล้ว

    Superb! Thanks a lot!

  • @abdulazis3858
    @abdulazis3858 20 วันที่ผ่านมา

    can we change it to hand tracking?

  • @synvaren
    @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.

  • @davidlvx4294
    @davidlvx4294 2 หลายเดือนก่อน

    Any recommendation for using a joystick instead of mouse to move the shape?

  • @sophialiarou4688
    @sophialiarou4688 ปีที่แล้ว

    Great tutorials always!!!👋

  • @hele-maivettik7059
    @hele-maivettik7059 8 หลายเดือนก่อน

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

    • @supermarketsallad
      @supermarketsallad  8 หลายเดือนก่อน

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

  • @thoughtfullymindless
    @thoughtfullymindless 8 หลายเดือนก่อน

    This is awesome!!

  • @neokortexproductions3311
    @neokortexproductions3311 7 หลายเดือนก่อน

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

  • @flloyd3304
    @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
      @supermarketsallad  ปีที่แล้ว +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.

  • @unveil7762
    @unveil7762 ปีที่แล้ว

    Really cool!! 🎉

  • @minghuaxiao9906
    @minghuaxiao9906 9 หลายเดือนก่อน

    Che bravo!

  • @smyrkphace
    @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
      @supermarketsallad  ปีที่แล้ว +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

  • @tomwillhill
    @tomwillhill 9 หลายเดือนก่อน

    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  9 หลายเดือนก่อน

      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.

    • @tomwillhill
      @tomwillhill 9 หลายเดือนก่อน

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

    • @tomwillhill
      @tomwillhill 9 หลายเดือนก่อน

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

    • @supermarketsallad
      @supermarketsallad  9 หลายเดือนก่อน +1

      @@tomwillhilloh 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.

    • @tomwillhill
      @tomwillhill 9 หลายเดือนก่อน

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

  • @qiefan-ws9ee
    @qiefan-ws9ee 8 หลายเดือนก่อน

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

  • @deathofgrungeboy
    @deathofgrungeboy ปีที่แล้ว

    bol'shoye spasibo
    Thank you so much!

  • @thaiphan3647
    @thaiphan3647 8 หลายเดือนก่อน

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

  • @evilmonkeylopez
    @evilmonkeylopez ปีที่แล้ว

    Brilliant!!! Thanx!

  • @sinaynay19
    @sinaynay19 2 หลายเดือนก่อน

    I swear I did everything step by step, yet somehow, it seems like my particles are hitting a wall when reaching the x or y guides. my "grid" isn't in the center of the x and y, it's corner is, someone ran into similar problem?

    • @supermarketsallad
      @supermarketsallad  2 หลายเดือนก่อน

      Either you aren’t working in 16 or 32 bit float rgba (no negative values)
      Or you are limiting the rg values at 0.

    • @sinaynay19
      @sinaynay19 2 หลายเดือนก่อน +1

      @@supermarketsallad I think I figured it out, in the limit top at the end I masked g r instead blue and alpha👍

  • @SaimGulay
    @SaimGulay ปีที่แล้ว

    thank you very much!

  • @emmagiaci
    @emmagiaci 7 หลายเดือนก่อน

    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 7 หลายเดือนก่อน

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

    • @supermarketsallad
      @supermarketsallad  7 หลายเดือนก่อน

      th-cam.com/video/rGoCbVmGtPE/w-d-xo.html
      Here's a tut that can get you started

    • @supermarketsallad
      @supermarketsallad  7 หลายเดือนก่อน

      yes, any chop that outputs a trigger works

  • @andreabucci5819
    @andreabucci5819 ปีที่แล้ว

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

    • @supermarketsallad
      @supermarketsallad  ปีที่แล้ว

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

  • @andromeda9961
    @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
      @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
      @andromeda9961 ปีที่แล้ว

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

  • @FutureofOUTdoor
    @FutureofOUTdoor ปีที่แล้ว +1

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

    • @supermarketsallad
      @supermarketsallad  ปีที่แล้ว

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

    • @FutureofOUTdoor
      @FutureofOUTdoor ปีที่แล้ว

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

    • @supermarketsallad
      @supermarketsallad  ปีที่แล้ว +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 ปีที่แล้ว +1

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

  • @Lh1221n
    @Lh1221n ปีที่แล้ว

    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  ปีที่แล้ว +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.

  • @arrtuuuroooo
    @arrtuuuroooo 7 หลายเดือนก่อน

    thank you !

  • @paulruckert6120
    @paulruckert6120 ปีที่แล้ว

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

    • @supermarketsallad
      @supermarketsallad  ปีที่แล้ว

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

  • @anastasial
    @anastasial ปีที่แล้ว

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

    • @supermarketsallad
      @supermarketsallad  ปีที่แล้ว +1

      th-cam.com/video/rITezRDuaS0/w-d-xo.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 ปีที่แล้ว

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

  • @laurajunephilippa
    @laurajunephilippa ปีที่แล้ว

    Thank youuuu

  • @易豪杰
    @易豪杰 ปีที่แล้ว

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

    • @supermarketsallad
      @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

  • @demsss
    @demsss หลายเดือนก่อน

    thank you so much for providing simple and beautiful tutorials 🫡

  • @lakshyasingh636
    @lakshyasingh636 ปีที่แล้ว

    🔥🔥🔥🔥

  • @xdivisjon
    @xdivisjon ปีที่แล้ว

    thanks!

  • @ITALY3987
    @ITALY3987 ปีที่แล้ว

    🙌🙌

  • @yuting-we3ly
    @yuting-we3ly 8 หลายเดือนก่อน

    bro so cool!!!

  • @Monja191
    @Monja191 ปีที่แล้ว

    🤩

  • @9171flavio
    @9171flavio 10 หลายเดือนก่อน

    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  10 หลายเดือนก่อน

      My favorite command: ctrl + z

    • @9171flavio
      @9171flavio 10 หลายเดือนก่อน

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

  • @RusticRaver
    @RusticRaver ปีที่แล้ว

    top

  • @ronolds6505
    @ronolds6505 5 หลายเดือนก่อน +1

    Beautiful. BUT, where is the code (access to final file)?

  • @christdolphin69
    @christdolphin69 2 หลายเดือนก่อน

    "hey there guys, gals, enbies, fairies, losers, and geekoids"

  • @rodrigocastro1699
    @rodrigocastro1699 ปีที่แล้ว

    Please make a tutorial inpired in the work of refik anadol

  • @Deebofreebo
    @Deebofreebo 8 หลายเดือนก่อน

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