Godot Shader Tutorial [Basics] in 7 minutes

Поділитися
Вставка
  • Опубліковано 23 лис 2024

КОМЕНТАРІ • 160

  • @braveblade87
    @braveblade87 Рік тому +88

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

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

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

  • @blueberryiswar
    @blueberryiswar Рік тому +28

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

  • @SinKGG
    @SinKGG 3 роки тому +133

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

  • @helianthe3457
    @helianthe3457 3 роки тому +39

    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  3 роки тому +3

      thanks so much bro that's so sweet

  • @scroobboi2254
    @scroobboi2254 3 роки тому +43

    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

  • @Nxkonamae
    @Nxkonamae 3 роки тому +29

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

  • @jellybon
    @jellybon 2 роки тому +6

    This is by far my favorite tutorial structure on UA-cam. 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 💪

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

    I just want to say thanks. Your video got me shading years ago and now it's second nature for me.

  • @microdavid7098
    @microdavid7098 3 роки тому +18

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

  • @EidoEndy
    @EidoEndy Рік тому +3

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

  • @user-qc1mc2ly8j
    @user-qc1mc2ly8j 2 роки тому +1

    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 2 роки тому +1

      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

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

    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.

  • @Mark21084
    @Mark21084 3 роки тому +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  3 роки тому +3

      never even considered it! Thanks bro, will do

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

    Great tutorial, coming from the future. Thanks!

  • @Silver-nm2if
    @Silver-nm2if 2 роки тому +2

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

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

    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 💀

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

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

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

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

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

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

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

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

    HAHAHAHAHA love the quote 🥰 and the tutorial as well!

  • @wisemonke6083
    @wisemonke6083 3 роки тому +7

    amazing!!!!!

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

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

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

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

  • @pantinecarlate4442
    @pantinecarlate4442 7 місяців тому +12

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

    • @woahmamaawoogahonkahonka
      @woahmamaawoogahonkahonka 21 день тому +1

      6 mths late but visual editor is a poor use of your time because it’s inefficient + you can’t do everything with it.

    • @etnumgaws8491
      @etnumgaws8491 10 днів тому

      Cuz it's ass

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

    wow so you can just animate the value just like blender vertex? damn thats really cool. i really need to use this. this is simple when you want to animate it

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

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

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

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

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

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

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

  • @8StarStudio
    @8StarStudio 3 місяці тому

    In GODOT 4 set_shader_param is now set_shader_parameter

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

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

  • @Sean-gx1sf
    @Sean-gx1sf 3 роки тому

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

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

    "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

  • @rendcycle
    @rendcycle Рік тому +2

    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 Рік тому +1

      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! 🙂

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

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

    I'm actually in love with you

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

    thank you for such a well made tutorial and video!

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

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

  • @igorthelight
    @igorthelight 2 роки тому +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 роки тому +3

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

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

  • @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. :)

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

    'Tis monke kinda shady

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

    Awesome video and awesome looking game!

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

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

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

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

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

  • @Gatitasecsii
    @Gatitasecsii 10 місяців тому

    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

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

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

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

    Amazing. Really love the voice xp

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

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

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

    6:41 My kind of tutorial lmao

  • @Marco-34235
    @Marco-34235 Рік тому

    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

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

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

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

    u r a fantastic teacher

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

    We miss you dad.

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

    Great video!

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

    thank you thank you thank you thank you

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

    Oh thanks for this tutorial

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

    6:40 That was unexpected lol

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

    genius outtro hahaha

  • @PcPrincipal-w2c
    @PcPrincipal-w2c Рік тому

    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

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

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

    good tutorial very smart Monke/10 would reccomend

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

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

  • @Das1x
    @Das1x 3 роки тому +7

    Great tutorial!
    Kinda shady though

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

    Thanks for the tutorial!

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

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

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

  • @AV-qr4kl
    @AV-qr4kl 3 роки тому

    @7:00 ya got me son

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

    0:46
    Construct users be like

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

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

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

      If the enemy was copy pasted this could still happen

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

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

    i pressed subscribe the instant i saw monke

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

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

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

    Thank you

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

    Is this game playable? The one in the video? I wanna play it!

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

    genius

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

    Is there sequel for this?

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

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

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

      here is one thats even better than mine :) ua-cam.com/video/WEWLJweQ6mI/v-deo.html

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

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

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

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

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

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

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

    That's what I call education.

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

    "The best way to create the best games is to steal from others" :D

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

    OR you can use modulate to do the same

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

      But shader is better

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

    Is the thumbnail a reference to Hybrid Calisthenics?

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

    horriblemente hermoso

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

    Ums graficos diferenciados saber ^-^

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

    Is this Hybrid Calisthenics reference?

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

      hehehehe glad you noticed. love that guy

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

    How did you do that trail animation with the shader?

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

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

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

    Thats epic

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

    thx bro

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

    top

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

    🙏🙏🙏

  • @Speed-TV
    @Speed-TV Рік тому +1

    I understood everything he said up until 3:12

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

    this looks useful but are we just not gonna talk about the ai voiceover?

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

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

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

      Balabolka :) .. The specific voice is called Daniel

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

    60% don't notice the gorilla

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

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