Godot Shader Tutorial [Basics] in 7 minutes

Поделиться
HTML-код
  • Опубликовано: 11 июл 2024
  • Hello children, let me introduce you to the magic world of shaders in Godot. But you all know I'm dumb so here are my references in this tutorial so you can hear it from the experts:
    flash shader - • Create a Flash Shader ...
    full screen shader - • Godot full screen shad...
    discord: / discord
    twitter: / urmom_dev
    0:00 Introduction
    1:10 The Basics
    5:02 Practical Application
    6:49 About Our Game
  • ИгрыИгры

Комментарии • 146

  • @braveblade87
    @braveblade87 Год назад +55

    hint_color has now been renamed to source_color
    Thank you for this tutorial ❤

    • @phischphood
      @phischphood 5 месяцев назад

      I was just about to post this after failing to get it to work and a quick Google

  • @SinKGG
    @SinKGG 2 года назад +123

    Wtf, this tutorial is legit so amazing. Please more.

  • @helianthe3457
    @helianthe3457 2 года назад +35

    The tutorial in itself is great but I just wanna say I love the intro so much I watch it every time I come back to this vid

    • @MasterAlbert
      @MasterAlbert  2 года назад +3

      thanks so much bro that's so sweet

  • @scroobboi2254
    @scroobboi2254 3 года назад +41

    Best tutorial ever! now GODOT in my pc has finally some use.

    • @caleb9274
      @caleb9274 3 года назад +2

      Oh ye its definitely not scrubbyboi69 u guys can move on past this

    • @wisemonke6083
      @wisemonke6083 3 года назад

      this isnt scrubby my son will never use such an username

  • @jellybon
    @jellybon Год назад +6

    This is by far my favorite tutorial structure on RUclips. The reasoning you give behind why you need to / should do something is very helpful and provides very deep insight. Your video editing and graphic pointers are also nice. Excellent work 💪

  • @blueberryiswar
    @blueberryiswar Год назад +7

    hint_color is now source_color in Godot 4, if anyone runs into problems.

  • @Nxkonamae
    @Nxkonamae 2 года назад +29

    Incredible introduction to shaders.
    Didn't think it was this easy, thanks my guy!

  • @microdavid7098
    @microdavid7098 3 года назад +18

    epic tutorial.
    Also, the boss battle was too epic.

  • @kboss1998
    @kboss1998 Месяц назад

    This video is wonderful! Despite some slight changes in Godot 4, the tutorial is still legit and is eye-opening to me to the world of shaders! Kudos to you, mister.

  • @WCIIINoob
    @WCIIINoob 2 года назад

    awesome tutorial, awesome intro. Love it! And it helped a lot!

  • @iampepepapi
    @iampepepapi 2 года назад

    thank you for such a well made tutorial and video!

  • @mangojuic3e
    @mangojuic3e 2 года назад

    this helped me so much thank you for making it >3

  • @Wolfyxon
    @Wolfyxon 3 года назад +1

    finally.
    after 50 WATCHED TUTORIALS i understood anything.
    Thanks a lot

  • @frost8077
    @frost8077 Год назад

    This brought back memories of playing Megaman Zero. It's funny how I was just looking at their sprites yesterday too. I feel like buying the 4th now since I have 1, 2, and 3.
    I like your art style. The characters are nice and the world has a cool Metroid vibe, while the alien enemies are unique. May your game do well.

  • @zambaboro
    @zambaboro 2 года назад

    Best tutorial on shader ever, thank u papa for this tutorial

  • @EidoEndy
    @EidoEndy Год назад +3

    It might have been mentioned before, but hint_color was renamed to source_color for Godot4. Still a great tutorial.

  • @rungeon83
    @rungeon83 2 года назад

    Awesome video and awesome looking game!

  • @wisemonke6083
    @wisemonke6083 3 года назад +7

    amazing!!!!!

  • @lploverx
    @lploverx 2 года назад +8

    Wonderful video!
    By any chance, is there any resource you could share on the motion trail effect at 0:33? All of the resources seem to use CPU processing, but I was really hopeful to implement something like that in GLSL, any help would be super appreciated.

  • @Mark21084
    @Mark21084 2 года назад +7

    Nice! You should also have a look at visual shaders. Those are pretty awesome as well. You should be able to see the script it creates and learn from that as well

    • @MasterAlbert
      @MasterAlbert  2 года назад +3

      never even considered it! Thanks bro, will do

  • @ShullTV
    @ShullTV 3 года назад +1

    Great video!

  • @godotShaderBoy
    @godotShaderBoy 2 месяца назад

    Cool to see we share the same passion! keep it up

  • @FuzBrain
    @FuzBrain 2 года назад

    I'm not even far enough in learning Godot to use this information, but I love this video

  • @user-qc1mc2ly8j
    @user-qc1mc2ly8j Год назад

    I recently learned how to add shaders and it's making my game look so much more polished. I added a glitch effect for when time slows down

    • @user-qc1mc2ly8j
      @user-qc1mc2ly8j Год назад

      I basically just added blank sprite covering the full screen with a glitch effect as it's material, and toggled it's visibility based on if the time slow key is down

  • @WilliamMelton617
    @WilliamMelton617 Год назад

    I'm just at the into and DAMN I love this vibes of this video.

  • @catnotfound1588
    @catnotfound1588 2 года назад

    Amazing. Really love the voice xp

  • @nyuh
    @nyuh 2 года назад

    Even though this uses a tts this vid is really and has nice editing, friend

  • @s4shrish
    @s4shrish 2 года назад

    I don't even use Godot, and I am loving this tutorial. As a Unity user, someday I may make a Godot game for sure, and I'll watch this vid again.

  • @TommyLikeTom
    @TommyLikeTom 2 года назад

    I'm actually in love with you

  • @inchworm9311
    @inchworm9311 Год назад

    u r a fantastic teacher

  • @longuemire748
    @longuemire748 2 года назад +1

    Thank you for this video.
    Excuse me, but how do you make this effect in 0:04. I don't understand how to handle pixels by lines in a shader.

  • @platinumdiamond1445
    @platinumdiamond1445 2 года назад +1

    Any tutorial on a color change shader for certain characters. like Shovel Knight's armor for example. Or maybe dashing or zelda transitions?

  • @Haykke
    @Haykke 2 года назад

    Time to bring all my shadertoy skills into practice

  • @CapitandodleR
    @CapitandodleR 3 года назад

    Thanks for the tutorial!

  • @heatedjar3297
    @heatedjar3297 3 года назад +3

    Can you do a tutorial about how to make silhoutte effect when dash?

  • @Ozzymandias0
    @Ozzymandias0 2 года назад

    Great video. Intro was really good, I played it for 3 times before I actually watch the tutorial
    Can someone please tell me where can I learn how to make death effect in 7:26

  • @TheOrigin79
    @TheOrigin79 2 года назад +1

    I have a weird issue with the shader. When i place it on a sprite it works flawless like in the tutorial. But when i adapt the scripts and settings to another sprite (local to scene is checked!) and change the flash color - it always flashes white but not in the chosen color. I cant figure out whats wrong here ..

  • @MossyCreature
    @MossyCreature 2 года назад

    thank you thank you thank you thank you

  • @Sean-gx1sf
    @Sean-gx1sf 2 года назад

    Shady gorilla wearing a trench coat: hey kid, want some shaders?
    Me: don't mind if I do

  • @cinebanig
    @cinebanig 2 года назад

    Thank you

  • @Marco-34235
    @Marco-34235 11 месяцев назад

    and... If a wanna change some property of my shader from the code (from gdscript 4.0) in my code that's not working with "set_shader_param()" Godot says "that function doesn't exist ;-;" ?... How can I do it in Godot4 ? plss help :c I really need it

  • @naytron210
    @naytron210 Год назад

    genius outtro hahaha

  • @igorthelight
    @igorthelight Год назад +2

    GREAT video!
    But I have a small question: what is the difference between TEXTURE and SCREEN_TEXTURE (same with UV and SCREEN_UV)?

    • @igorthelight
      @igorthelight Год назад +2

      And the answer to my question is: SCREEN_TEXTURE is the texture "behind" your current Sprite while TEXTURE is the texture of your Sprite itself. Same with UV and SCREEN_UV
      If someone is not sure which one to use - swap one for another and see what you like more (or what works correctly for your needs).

  • @1OJosh
    @1OJosh 3 года назад +3

    Subbed, I really like your content. Out of curiosity, did you draw all those assets yourself? I've come to understand that I can make any type of game but making assets, sounds, and all the other stuff kill me 😭

    • @USNTM2
      @USNTM2 3 года назад

      For learning godot and not wanting to have to do EVERYTHING yourself... opengameart.org and/or kenney.nl for free stuff...
      Also keep your eyes peeled on Humble Bundle. They sell assets frequently.

    • @MasterAlbert
      @MasterAlbert  3 года назад +1

      hey bro! I do art myself. I do make some music too but they take me 10x as long to make than the game itself lol so I would just either download free music from open game art or have my friend do it. now for the art, it needs to be very consistent so I recommend buying asset packs on itch. there are also some free ones.

    • @1OJosh
      @1OJosh 3 года назад +1

      @@MasterAlbert I feel the same, programming the game is a lot easier than making the assets. I don't want to spend money on making a game yet, so I've decided to just work on some assets everyday. Since covid I've got all the time in the world, might as well pick up a new skill. :)

  • @Gatitasecsii
    @Gatitasecsii 6 месяцев назад

    Hahahahahah ok that greeting caught me so off guard that I yelled "f**k you!" And then burst out laughing.
    Lol thanks for the video

  • @sandnerdaniel
    @sandnerdaniel 9 месяцев назад

    Now I wonder what are those deplorable activities of Captain Injustice...

  • @VoltitanDev
    @VoltitanDev 2 года назад

    How did you do that trail animation with the shader?

  • @Flexyhandz
    @Flexyhandz 9 месяцев назад

    What a giga goat shader tutorial as anti sus as it could be

  • @Kirizard
    @Kirizard 3 года назад

    good tutorial very smart Monke/10 would reccomend

  • @AndreWharn
    @AndreWharn 2 года назад +1

    I followed the tutorial, everything is okay except that the color doesn't fade, it just... goes straight to the final result. Did I miss something?

  • @prerit6915
    @prerit6915 2 года назад

    anybody know how to get motion shadow thing at 0:34 ..is it doens using particles?

  • @rexarock968
    @rexarock968 3 года назад +2

    Oh thanks for this tutorial

  • @Silver-nm2if
    @Silver-nm2if 2 года назад +1

    "The best way to create games is to steal from others" -Sun Tzu. lmao im gonna copy this

  • @hiiambarney4489
    @hiiambarney4489 Год назад

    We miss you dad.

  • @birajboro5869
    @birajboro5869 2 года назад

    thx bro

  • @Evitrea
    @Evitrea 3 года назад

    6:11 Did you procedurally cut out the current sprite and make it pink, or did you just spawn a pre-defined partical?

    • @MasterAlbert
      @MasterAlbert  3 года назад

      you could say its the first one. I took the current sprite of the player and applied it to the ghost effect object :) ..

    • @Evitrea
      @Evitrea 3 года назад

      @@MasterAlbert How? I want to do that :(

    • @MasterAlbert
      @MasterAlbert  3 года назад

      @@Evitrea join the discord I could show you in share screen

    • @Evitrea
      @Evitrea 3 года назад

      @@MasterAlbert ur link expired

    • @MasterAlbert
      @MasterAlbert  3 года назад

      @@Evitrea discord.gg/2wqY8PNR6R here you go bro, sorry about that

  • @livvy94
    @livvy94 Год назад

    Suddenly I get the urge to 360 noscope some scrubs...!
    (Thank you for this tutorial!)

  • @rendcycle
    @rendcycle Год назад +1

    In Godot 4, how do you pass a vec4 to the "set_shader_parameter" in the "flash()" function so I have the option to change the color?

    • @rendcycle
      @rendcycle Год назад

      Just figured it out. Sample code in the "flash" function:
      var new_color : Color = Color.CYAN
      $AnimatedSprite2D.material.set_shader_parameter("flash_color", new_color)
      Thanks for this tutorial! 🙂

  • @rhnirsilva652
    @rhnirsilva652 3 года назад +3

    great tutorial, master even
    gonna learn shaders now you MADE ME

  • @agriasoaks6721
    @agriasoaks6721 2 месяца назад

    Is there sequel for this?

  • @Speed-TV
    @Speed-TV Год назад +1

    I understood everything he said up until 3:12

  • @soran2290
    @soran2290 Год назад +1

    Code
    shader_type canvas_item;
    uniform vec4 flash_color : hint_color = vec4(1.0);
    uniform float flash_modifier : hint_range(0.0, 1.0) = 1;
    void fragment() {
    vec4 color = texture(TEXTURE, UV);
    color.rgb = mix(color.rgb, flash_color.rgb, flash_modifier );
    COLOR = color;
    }

  • @DeanAbadPixels
    @DeanAbadPixels 3 года назад +1

    'Tis monke kinda shady

  • @arkbjorn
    @arkbjorn 4 месяца назад

    6:40 That was unexpected lol

  • @AV-qr4kl
    @AV-qr4kl 3 года назад

    @7:00 ya got me son

  • @illuminaut9148
    @illuminaut9148 3 года назад

    genius

  • @JellySword8
    @JellySword8 Месяц назад

    6:41 My kind of tutorial lmao

  • @g0ldhat55
    @g0ldhat55 3 года назад

    Thats epic

  • @quincedev4243
    @quincedev4243 2 года назад

    No hablo inglés, pero amo este vídeo :DDD

  • @fonkinstubbleduck9163
    @fonkinstubbleduck9163 2 года назад

    If I have made a total of 47 games to date with Godot without using shaders, does that mean I should be 47 times ashamed of myself? XD great vid seriously!

  • @maureeng1180
    @maureeng1180 3 года назад

    🙏🙏🙏

  • @ahmed_alfiki
    @ahmed_alfiki 9 месяцев назад

    "The best way to create games is to steal from others."
    said it like a true game developer
    but seriously awesome tutorial, I'm now a changed man who understands shaders

  • @ScumlordStudio
    @ScumlordStudio 4 месяца назад

    i pressed subscribe the instant i saw monke

  • @user-uj1cr1qg6k
    @user-uj1cr1qg6k Год назад

    I have 2 enemies, i bite one , but shaders always activate on second enemy too

    • @thatguy5
      @thatguy5 Год назад

      If I understand correctly, you need to check ""Local to Scene" like he shows you at ~ 5:20

  • @DexterZCoder
    @DexterZCoder 3 года назад

    Lots of information here! Many thanks! SUBS ^_^y

  • @adriansousa7278
    @adriansousa7278 3 года назад +2

    Ums graficos diferenciados saber ^-^

  • @pantinecarlate4442
    @pantinecarlate4442 2 месяца назад

    Me not understand why nobody is showing the visual shader editor instead of shader code when explaining shaders for beginners. . .

  • @liokillergaming7327
    @liokillergaming7327 2 года назад

    horriblemente hermoso

  • @WuchtaArt
    @WuchtaArt 2 года назад

    Is this Hybrid Calisthenics reference?

    • @MasterAlbert
      @MasterAlbert  2 года назад +1

      hehehehe glad you noticed. love that guy

  • @DrPotatoPerson
    @DrPotatoPerson 3 года назад

    Is the thumbnail a reference to Hybrid Calisthenics?

  • @bluespider6537
    @bluespider6537 Год назад

    Ah yes classic sun tzu quote how insightful, jokes aside this tutorial is amazing thanks

  • @user-uy9lb5el2f
    @user-uy9lb5el2f 3 года назад

    😍👐

  • @giahuytrieu430
    @giahuytrieu430 2 года назад

    why i turned on local to scene but the enemies still flash at the same time :(

    • @MasterAlbert
      @MasterAlbert  2 года назад

      If the enemy was copy pasted this could still happen

  • @eyes_only5936
    @eyes_only5936 3 года назад

    That's what I call education.

  • @Das1x
    @Das1x 3 года назад +7

    Great tutorial!
    Kinda shady though

    • @MasterAlbert
      @MasterAlbert  3 года назад +1

      oooooooooooooooooooooooooooooo

  • @robertonome2448
    @robertonome2448 3 года назад +1

    0:46
    Construct users be like

  • @josmarpinheiro2589
    @josmarpinheiro2589 2 года назад

    top

  • @charleslamb6500
    @charleslamb6500 3 года назад

    what artificial voice, do you use :O Thx . .

    • @MasterAlbert
      @MasterAlbert  3 года назад

      Balabolka :) .. The specific voice is called Daniel

  • @BBoySajydTV
    @BBoySajydTV 2 года назад

    OR you can use modulate to do the same

    • @kiyu3229
      @kiyu3229 2 года назад

      But shader is better

  • @simpathey
    @simpathey 2 месяца назад

    Not me following this tutorial and wondering why nothing works..... when I put .rgb everywhere instead of .rbg..... I am not chad enough to master shaders 💀

  • @saneblack2671
    @saneblack2671 2 года назад

    6:47
    Sun Tzu...?:
    "The best *wat* to create games is to steal from others."
    also Sun Tzu:
    "I didn't say that typo!"

  • @noiJadisCailleach
    @noiJadisCailleach 2 года назад

    The images are so cringy but the tutorial is so useful! lol

  • @Barveth
    @Barveth 2 года назад

    make a tutorial about the silhouett and pixelate effects PLZ PLZ PLZ PLZ PLZ PLZ PLZ PLZ!!!!!

    • @MasterAlbert
      @MasterAlbert  2 года назад

      here is one thats even better than mine :) ruclips.net/video/WEWLJweQ6mI/видео.html

    • @Barveth
      @Barveth 2 года назад

      @@MasterAlbert but this one doesn't uses shaders, which can probally cause performance issues

    • @MasterAlbert
      @MasterAlbert  2 года назад

      @@Barveth it uses particles which is also optimal for performance. Mine uses actual objects being instanced

    • @Barveth
      @Barveth 2 года назад

      @@MasterAlbert ok!
      but what about the pixelate effect? A tutorial would be really nice

  • @monopalle5768
    @monopalle5768 2 года назад

    60% don't notice the gorilla

  • @lastgamedev6754
    @lastgamedev6754 3 года назад

    Online?

    • @MasterAlbert
      @MasterAlbert  3 года назад +1

      nope! only single player :)

    • @lastgamedev6754
      @lastgamedev6754 3 года назад

      @@MasterAlbert saan mo yan na publish??

    • @MasterAlbert
      @MasterAlbert  3 года назад

      @@lastgamedev6754 balak ko sa steam sana eh pero matagal pa naman hehe

  • @torrescle
    @torrescle 2 года назад

    Hilarious hahahahahaaha

  • @thehattedhedgehog
    @thehattedhedgehog 3 года назад

    BRUH

  • @feedmind4669
    @feedmind4669 3 года назад

    but im poor

  • @cookthekey2252
    @cookthekey2252 3 года назад

    Peepoo

  • @JakubSK
    @JakubSK 4 месяца назад

    The game will never come out though lol