Godot Cel-Shading in 5 Mins

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

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

  • @stayathomedev
    @stayathomedev  10 หลายเดือนก่อน +7

    🔥 GET THE SOURCE FILES ►► www.patreon.com/StayAtHomeDev_

    • @TheFilipFonky
      @TheFilipFonky 4 วันที่ผ่านมา

      Would be nice if you linked to the actual source files, instead of forcing me to look through all your recent posts on your patreon page...

  • @SteeledTV
    @SteeledTV 10 หลายเดือนก่อน +33

    I'm a big cel-shaded fan. This looks great and gets the mind churning. I'll need to play around with it a bit. Thanks!

  • @The-Stickman-named-Woody
    @The-Stickman-named-Woody 7 หลายเดือนก่อน +5

    Wow! Thanks.
    This is a very useful 2D shading effect for making 2D style in the 3D world.
    Glad that there's someone able to take the time for showing and making this type of effect.

  • @relvean5626
    @relvean5626 10 หลายเดือนก่อน +78

    Yeah, but what kind of cell? prokaryotic or eukaryotic? Ok, that was my worst pun yet, I'll go back in my cell.

  • @joannatruman
    @joannatruman 3 หลายเดือนก่อน +2

    Really incredible tutorial. Thank you for explaining what these things mean and why you are doing what you're doing, not just showing how to do it!

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

    You made me understand in few minutes what I struggled for eons 😂 nice work!

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

    Wonderful presentation! TSM for breaking this down one step at the time. Clear and concise.

  • @AirmanCS
    @AirmanCS 10 หลายเดือนก่อน +6

    Awesome, I'm very unfamiliar with shaders in godot and this is a very basic one as well as a very cool one. Great for a first try at shaders

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

      Glad it was helpful!

  • @user-xsn5ozskwg
    @user-xsn5ozskwg หลายเดือนก่อน

    Whoa, this was way easier than I thought it'd be.

  • @sibel9272
    @sibel9272 4 หลายเดือนก่อน +3

    A nitpick I have when it comes to cel shading discussion is when people say borderlands has cel shading. It doesn't, it just has outlines. Notice how the shadows have gradation. In fact, wind waker doesn't have outlines.

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

    a lil addition to play with ... i agree that the fresnel makes it more pop but in some cases it just looks weird ( to me atleast ) and also for ortho graphic it dosnt have quite the effect ...
    under your uniform sampler2 color_gradient and fresnel_gradient add an uniform float fresnel_multi/amount;
    and change:
    ALBEDO = albedo(_tex).rgb +(basic_fresnel * texture(fresnel_gradient, vec2(basic_fresnel,0.0)).rgb * 1.0);
    into
    ALBEDO = albedo(_tex).rgb +(basic_fresnel * texture(fresnel_gradient, vec2(basic_fresnel,0.0)).rgb * fresnel_multi);
    you can also clamp it but this should work fine now you can adjust your fresnel effect in your editor and see what works best
    the albedo_tex suffix is only for when you use a texture for your model and not the albedo color

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

    this is nothing less than awesome! thank you SO much! 🙏🙏🙏🙏🙏🙏🙏

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

    Thx for the tutorial. Do you know if there is an option to do this for ALL meshes do I have to do these adjustments to every single matertial?

  • @MrGarfi
    @MrGarfi 10 หลายเดือนก่อน +5

    Didn’t understand a thing, but it looked cool 😂

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

      Yeah exactly.. I didn't even notice the difference at the start of the video.. I'm starting to get worried about trying to learn game dev 😅

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

    So, I get the code, but how do you apply this to a 3D model? Like a 3D Model similar to the Godot model that has a skeleton and animation and all, where do you drop in the shader? Do you throw it onto all the mesh instances every time, or can it be applied to a 3D camera? Sorry if this sounds stupid, but I'm entirely new to 3D, even though I've used Godot for a while now.

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

    I got it working which is kinda shocking ngl 😂 but how do i prevent it from overriding my textures of the character. If i place it in the normal material spot placeing textures on the override material will well override the shader and the other way round i just get my textures with no shader

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

    Hey, I definitely appreciate the video, and you've explained what you're doing to get the cel-shaded effect. But could you explain how you added it to the Gobot model? I imported your project and it looks like you created an entirely new material for it? I'm just not sure of the process here.

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

    I implemented the same general idea, but I used a visual shader. It works for the most part, except it doesn't work with multiple light sources for some reason. It just 'snaps' to the nearest light. The logic should be the same, is there something missing that can't be done in a visual shader?

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

    Do you have to apply this material to every object for a full cel shaded hame though?

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

      yes

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

    It is okay if I copy the code from the video? or there is something else missing just for patron? thanks for the video!

    • @stayathomedev
      @stayathomedev  9 หลายเดือนก่อน +3

      It's the same!

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

      @@stayathomedev thanks so much!

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

    Thank your very much for sharing! It makes my upcoming game next week so gorgeous!!
    🔥

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

    Can you do this with a Visual Shader editor like VisualShader, Shader-Lib, etc.?

  • @thomasdavies-jones4378
    @thomasdavies-jones4378 8 หลายเดือนก่อน

    For some reason this is breaking when using directional light? Do you know why this might be?

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

    I can't use my own textures in albedo? How does this work?

  • @Deozaan
    @Deozaan 8 หลายเดือนก่อน +3

    0:39 Wait, did you say "Go-bot"? Isn't it pronounced "Gob-oh"? 😏

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

    When I convert my material with texture to shader it ruins itself and no longer displays the texture, help.

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

      ok took 20 min but easy fix .... change :
      ALBEDO = albedo.rgb +(basic_fresnel * texture(fresnel_gradient, vec2(basic_fresnel,0.0)).rgb * 1.0); into
      ALBEDO = albedo_tex.rgb +(basic_fresnel * texture(fresnel_gradient, vec2(basic_fresnel,0.0)).rgb * 1.0);
      you see in the fragment shader you have a slot for the albedo_tex but in your ALBEDO you use just the albedo function not the albedo_tex
      cheers

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

      ​@@thefufuu3157 thanks this worked for me

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

    You said even a child could do it and i cant do it that means im mature 😅

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

    I'll be honest. Kind of annoying having to go through all of this with coding and not materials. Also starting to feel like this does not work globally but for specific materials or meshes. I know in Unity and Unreal Engine; they have these things called blueprints that they can affect all of the scenes to have cell shading. I wonder if this is possible for Godot.

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

      It is possible! I just didn't create that for the video

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

      @@stayathomedev Wonderful. Thanks, mate. (I'm still learning about Godot Lol)

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

    buty

  • @carljohnson4592
    @carljohnson4592 10 หลายเดือนก่อน +5

    No difference bro

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

      look at the shadows

    • @fartmerchant
      @fartmerchant 10 หลายเดือนก่อน +20

      bro is blind