TouchDesigner _05 Gradient Waves

Поділитися
Вставка
  • Опубліковано 24 чер 2024
  • Gradient colours, blend modes, GLSL and lots of noise
    TouchDesigner 099 64-Bit Build 2020.23680
    00:00 - Intro
    00:45 - Konami!
    01:10 - Examples
    01:24 - Grid
    02:23 - Displacement
    07:15 - Time / Speed
    08:14 - Colours
    13:50 - Grain
    15:56 - Overlay
    16:45 - Outro
    Instagram: / threedashes___

КОМЕНТАРІ • 56

  • @TS-or4lz
    @TS-or4lz 19 днів тому

    Hey great tutorial, also great seeing someone use more complex things like the glsl material. It would be very cool though if at the beginning you'd briefly explain what exactly you are trying to do, ie. say I think this effect can be done by applying a color gradient to a moving grid or smth like that. That would make the tutorial easier to follow bc now it took me quite some time to exactly understand what you are trying to do. Anyways keep up the great work

  • @ferdinandbalint7960
    @ferdinandbalint7960 3 роки тому +6

    you sir release amazing tutorials! you also narrate all of it like its a piece of cake. you really know what you do. thanks for you work, learned a lot!

  • @tkwing
    @tkwing 3 роки тому +1

    Great tutorials at all times.

  • @ericvannus2926
    @ericvannus2926 3 роки тому +2

    Woah! This one is so sweet! One of the best TD tutorials around, many thanks for sharing!

  • @Starovdenis
    @Starovdenis 3 роки тому +2

    Incredible! Such an easy script helps understanf GLSL more.

  • @Statience
    @Statience 3 роки тому +1

    love it! super nice look!

  • @PetitShya
    @PetitShya 2 роки тому

    Wow! thanks Bruno! this tutorial is very sweet and more details.

  • @AdnanAlsannaa
    @AdnanAlsannaa 3 роки тому +1

    this is beautiful. Thank you sooo much for uploading. Followed and subscribed

  • @alexandrkrasnovitskii2512
    @alexandrkrasnovitskii2512 3 роки тому +1

    Loved it! Great tutorual

  • @LucasVogel
    @LucasVogel 3 роки тому +1

    super cool!

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

    Thank you, this is such a nice scene : )

  • @hey.antonio
    @hey.antonio 3 роки тому +2

    looks great! what brushes did you use?

  • @Gester143
    @Gester143 8 місяців тому

    Thank you!

  • @jaaapagamer
    @jaaapagamer 3 роки тому +3

    voce é genial

  • @hinduspl
    @hinduspl Рік тому

    That was fucking epic bro

  • @setthasirichanjarhatpong6238
    @setthasirichanjarhatpong6238 2 роки тому +4

    I use touchdesigner 2021 on macbookpro but I can't get the terrible mess after the code Vertex GLSL. My geo appear red and blue but not displace. Do have any update or any recommendation?

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

    amazing tutorial. question here, how do you address "banding" in the gradient when changing this content to higher resolutions?

  • @0xalty
    @0xalty 9 місяців тому +1

    I have a question: i was able to make it to 3:47, but on the screen i don't see the grid like in the video, i see a blue and red grid. What do you think is wrong?

  • @o.g.endless.8254
    @o.g.endless.8254 3 роки тому +4

    plot twist : he made the animation on the website

    • @threedashes___
      @threedashes___  3 роки тому

      Haha! No, it wasn't me. Kudos to the developers at stripe!

  • @MichelleCarrasco
    @MichelleCarrasco 8 місяців тому

    Hey :)
    Thanks for this great tutorial!
    I'd love to finish it but got some trouble at 11:38
    I wrote the code
    uniform sampler2D sColor;
    inc vec2 vUV;
    out vec4 fragColor;
    void main()
    {
    TDCheckDiscard();
    vec4 color = vec4(1.0);
    color = texture(sColor, vUV);
    TDAlphaTest(color.a);
    fragColor = TDOutputSwizzle(color);
    }
    But nothing happen on the colors...Not more visuals and the GLSL1 chop it's now a cylinder red and blue.
    I use the touchDesigner 2022.33600 could be because of the version of the soft ?
    Many thanks for any help!
    cheers

  • @Stavan2231
    @Stavan2231 3 роки тому +3

    How to make it audio reactive

  • @laxplanet6046
    @laxplanet6046 2 роки тому +1

    I don't get the "terrible mess" and my text document doesn't link the parameters like yours does. Do I need a different text editior?

  • @nstanifer28
    @nstanifer28 Рік тому

    what i want to make is an audio-responsive gradient.. do u think this is possible?

  • @etvm-v2o
    @etvm-v2o 3 роки тому +1

    Hi Bruno,
    could you kindly help me to understand why i can' t create transparency with reorder top ( as explained from minute 12:42)?
    I follow your lines setting input 1 to red ecc, but when i change my pixel format in RGBA the noise patterns remain the same and not with transparency as yours. Hope in your help! Thanks.

    • @threedashes___
      @threedashes___  3 роки тому

      It's hard to tell what could be happening from you description. In an RGBA Reorder TOP, if you set the Output Alpha to an input colour then all the black pixels from the input should appear as transparent in the output. Would your input be solid white / red by any chance?

  • @paayasamdubs343
    @paayasamdubs343 3 роки тому +1

    hey can you help me, i cant get the wireframe ,i followed all your steps

  • @camilamaira6670
    @camilamaira6670 3 роки тому

    i dont have the limit top. can i change for another one?
    ps. you are awesome!

    • @threedashes___
      @threedashes___  3 роки тому +1

      Thank you, Camila. The Limit TOP was introduced in the 2020.20000 series, you probably need to update your TouchDesigner. If you can't do that for whatever reason, I think the only way to recreate a zig zag function is to use a custom GLSL TOP.

  • @soulstice555
    @soulstice555 3 роки тому

    Hi! How can I do when i click in edit in the glsl vertex to appear sublime text instead of notes file? Thank you :)

    • @threedashes___
      @threedashes___  3 роки тому

      You can set Sublime Text as the default program to open .vert files

    • @soulstice555
      @soulstice555 3 роки тому

      @@threedashes___ thanks!!

  • @julianamatos7215
    @julianamatos7215 9 місяців тому

    My Wire frame OpenGL Tesselated Wire Frame is not appearing as an option. Any ideas why?

  • @embodie_breaks7089
    @embodie_breaks7089 Рік тому

    Hey. You go off screen at 2.:54 to edit the Vertex. I notice you click edit but then you drag from somewhere onto the screen. Could you clarify what it is. It seems that where I am having a problem possibly. I'm new to all this. Thank you.

    • @MatijaErceg
      @MatijaErceg Рік тому +1

      The edit button just opens the contents of his DAT in his system's text editor (not TouchDesigner, but another program). Since it opens on a different area of the screen, he drags it into view.

    • @embodie_breaks7089
      @embodie_breaks7089 Рік тому

      @@MatijaErceg ok thank you

  • @WW-ek6tm
    @WW-ek6tm 3 роки тому +1

    For some reason I didn't get that terrible mess @3:50. Instead I got a red and blue checker grid and now I'm stuck. Any idea why that might be?

    • @threedashes___
      @threedashes___  3 роки тому +2

      The red and blue checker grid means you have an error in your shader. Check the glsl_info DAT under the GLSL MAT, it usually tells you on which line the error is.

    • @WW-ek6tm
      @WW-ek6tm 3 роки тому

      @@threedashes___ Thanks man, that helped a ton.

    • @KN-oq3bu
      @KN-oq3bu 3 роки тому

      @@threedashes___ Hi! I have the same problem and it says "undeclared identifier sDisplacement". I checked a code and it's correct, i repeated step by step from your tutorial. I'm also a beginner and can't understand what the problem is. Is there any difference on macos maybe?

    • @threedashes___
      @threedashes___  3 роки тому

      @@KN-oq3bu Did you create sDisplacement in the GLSL MAT 2:44 and then declared it as a uniform in the vertex shader 3:00 ?

    •  3 роки тому

      I had the same bug. In my case I accidentally wrote "Sampler2D" instead of "sampler2D". So i had an accidental uppercase letter.

  • @chelseanetzband2020
    @chelseanetzband2020 3 роки тому +1

    Hey guys, total novice here, but when I edit the script in the glsl text, my geometry turns blue and red. Does anyone know why this may be? Thank you!

    • @MsPunch5
      @MsPunch5 3 роки тому

      same thing happened to me! Someone help!

    • @user-vi2mq6wq9i
      @user-vi2mq6wq9i Рік тому

      @@MsPunch5 I has same problem but I delete all code and write by my hand again and all is work

  • @user-gd9iu1sj1q
    @user-gd9iu1sj1q 3 роки тому

    Hey!why the grid can not connect to the gentry comp?

    • @threedashes___
      @threedashes___  3 роки тому

      Sorry I didn't get it. Which part of the video are you referring to? Can you type the timestamp? i.e. 01:00

  • @luisfernandorodriguez8489
    @luisfernandorodriguez8489 3 роки тому

    Hello bruno, my color sampler changes the color of the whole geometry to one color at a time, hope you can help me. Thanks a lot!

    • @luisfernandorodriguez8489
      @luisfernandorodriguez8489 3 роки тому

      nvm a line of code was missing on glsl vertex "out vec2 vUV;"

    • @threedashes___
      @threedashes___  3 роки тому

      Hi Luis, it is hard to tell what is happening based on your description. Can you give more details? Perhaps add a timestamp so I know which part you're referring to.

  • @kogtopus
    @kogtopus 3 роки тому

    Hey ! After at the second moment of scripting i have some troubles, errors to be more precise
    Vertex Shader Compile Results:
    0(8) : error C1503: undefined variable "UV"
    Program Link Results:
    Vertex info
    -----------
    0(8) : error C1503: undefined variable "UV"
    (0) : error C2003: incompatible options for link
    Can someone help me here ?

    • @threedashes___
      @threedashes___  3 роки тому

      I assume you are referring to 11:00. It might be just an issue with lowercase vs uppercase. The out varying is called vUV and the predefined attribute is just lowercase uv.

    • @kogtopus
      @kogtopus 3 роки тому +1

      @@threedashes___ okkk, i'm a real beginners so i don't understand but i will dig in this way :)

  • @jakemilkbassist
    @jakemilkbassist 2 роки тому

    the second bit of code in colors totally fucked it up for me and putting the code back doesnt even fix it, gutted i had something cool going with this but cant add the color step

    • @benchaykin4286
      @benchaykin4286 2 роки тому

      Make an Info DAT. In there, use 'glsl1' as the Operator. The info dat will then tell you which line of code is getting an error.

    • @MichelleCarrasco
      @MichelleCarrasco 8 місяців тому

      Hey, I think a got the same problem, can you explain me how to use "glsl1" as the operator ? don't get it
      thanks@@benchaykin4286