Welcome to Shaderland - An introduction to shaders in Godot

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

КОМЕНТАРІ • 316

  • @Beryesa.
    @Beryesa. Рік тому +353

    These videos are more of a long-term investment as valued resources, they'll eventually boom but I hope you don't lose motivation until then, thanks for the effort!

    • @DerrangedGadgeteer
      @DerrangedGadgeteer Рік тому +5

      Aye! Your videos have helped me grok these concepts in a way no other programming how-to has.

    • @speedfastman
      @speedfastman 6 місяців тому +2

      They kinda boomin rn

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

      @@speedfastman Every click & subscribe & share from any of us - is a vote towards making it boom.
      My vote is cast, along with my best wishes.

  • @digital-nomad
    @digital-nomad Рік тому +177

    this might be one of the best tutorials ive ever seen on youtube. thanks for your hard work

    • @willd2609
      @willd2609 7 місяців тому +2

      100 agree!

  • @sdether
    @sdether Місяць тому +5

    I've spent some time writing various shaders, usually via a bunch of trial and error and it always felt like dark magic. Your tutorial has shed so much light on why things work they way they do that I've not seen anywhere else. Simply phenomenal!

  • @cloudsquall88
    @cloudsquall88 Рік тому +19

    that zoom out at 4:58 was chef's kiss

  • @d_sully
    @d_sully 11 місяців тому +18

    Never seen a youtube tutorial that feels like a college lecture with how much information it has and how broken down to simple small digestable pieces it is. You have managed to explain and simplfy every little detail, the added visuals and graphs and the breaks and checks between each part was extremly appreciated. Incredible and impressive! This has been a wonderful video thank you!

  • @GameTourist491
    @GameTourist491 25 днів тому +1

    Can’t believe the quality of this video. Absolutely gold, thank you for sharing❤

  • @Mark-pn9xy
    @Mark-pn9xy 9 місяців тому +10

    Exceptional tutorial. Sets the bar for the gold standard for how tutorials should be done. As an introduction to shaders its definitely and spiked a real curiosity into learning more in how they work and not just a copying/pasting from random sources without an understanding of how they operate.

  • @StephenHermer
    @StephenHermer Рік тому +25

    This is a fantastic exploration of shaders... something I have struggled with for months. Thank you!

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

    I did not expect to find this gem of a tutorial..

  • @enderalex300
    @enderalex300 9 місяців тому +2

    Hey man, I just wanna say these are some of the best resources I've found for learning Godot so far. They aren't straight up tutorials, rather guided explanations, which I prefer. It makes it so that I'm much more motivated to experiment on my own after watching your video rather than copy paste. I appreciate the time and effort these must take. Thanks for all your work!

  • @TheCykid
    @TheCykid Рік тому +31

    I would like to get something off my chest:
    I am a professional developer with more than 15 years of professional experience in the private sector. I don't develop games professionally, but I do develop with virtually any technology that can implement a particular project in the best possible way. I also have several years of experience with Unity.
    Godot was never accessible enough for me and in my head it was a bit difficult to reconcile the fact that game objects don't have components, i.e. possess things, but are much more these things. Most tutorials you find explain how a computer works without going into the technical details of exactly HOW something works. This makes it very difficult for me to follow most tutorials, even though I'm very interested. However, I can do quite a lot with your narrative style and the didactic structure. Thank you for that, you might be the one who finally makes me give godot a deeper chance.
    Thank you for your work, which you make freely available to us

    • @Zuap
      @Zuap 8 місяців тому +2

      Godot abstracts class inheritance for you, at beginning that also made me some confusion, since when I attached a GdScript to a Node I never saw the constructor/inheritance per se. In fact, that is abstracted from you, and made under the hood, when you work in your script in fact it is like you are working already inside a sub-class of that Node (you just don't see the initialisation explicitly), it is like you are just adding new methods to it.
      Not having explicit control over the instantiation/inheritance of the classes confused me at beginning too. It only clicked for me when I used this mental visualisation of the scripts: it is like the nodes you add in the GUI/code are like the auto instantes of the classes per se (with the constructor/inheritance abstracted from you, a constructor does that for you), the added Nodes deal automatically with the inheritance (Node3D sub-classes from Node f.e. auto), your attached scripts only add new methods to that sub-class.
      Note: read this as a metaphor, it is technically imperfect and I never looked into the source-code to check how it is dealing with it in fact. But it is a mental visualisation that helps to understand what is happening under the hood and how GDScript is being handled when you attach a script to a Node.

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

    I absolutely love the way you teach in these videos, it's much longer winded than a lot of the copy / paste tutorials you see on youtube but you take the time and effort to explain everything you're doing and why we do things different ways. I hope you continue to make these because they're invaluable.

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

    HOLY CRAP I must have done something really good in a past life to deserve such a magnificent explanation for free. Can't wait to get more of this!

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

    What an amazingly constructed lesson! This is the standard that all educational video content should strive towards. Thank you so much!

  • @red3tango
    @red3tango Рік тому +6

    Great tutorial as always! Love that you explain the terms (fragment, uniform, etc), makes 100x more sense now! Thanks!

  • @Micromaximaa
    @Micromaximaa 11 місяців тому +11

    When you're watching a tutorial and every question you have that pops up is immediately answered by the author, you know it's a perfect tutorial.
    Exceptional content sir!

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

    I have struggled for years. Yeaaarsss! to understand shaders. Yet in your 1 hour video I fully understand what is actually going on. My soul can ascend in peace :). Thank you

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

    I've been working with Godot since beta version, and this is by far the best Godot Shaders tutorial I've ever seen. Great job, very rich and useful content! Thanks for your work

  • @jackiewatkins1830
    @jackiewatkins1830 11 місяців тому +1

    This guy deserves every like he gets, these tutorials are on point! Im 43 with only a small understanding of programming from using the basic language as a teenager(if any of you remember that)I can tell that the power of the Godot game engine is something Im having trouble wrapping my head around, but these tutorials are put together in a way that helps fill in the blanks so I can grasp some of the complexity of it. Very helpful to those new to this!

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

    Thank you for putting this together. I'm a web developer with years of experience in programming simple web applications. I've never taken the time to really learn and understand how shaders work. This helped immensely!

  • @yapayzeka
    @yapayzeka 11 місяців тому

    best explanation out there. everyone calling the fragment shader as an every fragment is a pixel and i was having panic attacks in front of screen. fragment is not pixel. thank you thank you thank you

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

    Thank you so much for your videos. I'm not new to programming or maths, but recently I started to entertain myself with godot in my free time, and your videos help so much to grasp some unfamiliar concepts.

  • @jackofnotrade9316
    @jackofnotrade9316 Рік тому +9

    this is hands down THE best shader tutorial in youtube. Thanks so much for making such knowledge available to everyone.

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

    The first 5 mins of this video is low key the most optimum no BS intro to the GFX pipeline I've seen. +1

  • @ChinchillaDave
    @ChinchillaDave 11 місяців тому +1

    It was when I whispered aloud "I love this guy" that I decided to comment, like and sub. Thank you for making such well paced and information dense content!

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

    Your videos are by far the best coding tutorials I ever seen in my entire life (and I'm not young my friend).
    Congratulations!

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

    I was so scared of shaders and thanks to you I finally surpassed my own barrier to start learning them :) Thanks a lot!!

  • @Korn1holio
    @Korn1holio 5 місяців тому

    You're an amazing teacher and your contribution to the community is immensely valuable.

  • @imptea
    @imptea 5 місяців тому

    I could tell within the first 5 minutes this was going to be a great tutorial. Really made a lot of sense. Now I need the tutorial on spatial shaders!

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

    ...not even two minutes in and I learned something critical.
    Kudos to that.

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

    The pace, level of explanation and the style of this tutorial is the best! Thank you so much!

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

    The pace of the video was perfect for me (someone who was previously very intimidated by the idea of writing shaders) and now I feel a lot more confident about diving in! Thanks so much for sharing high-quality lessons for free! :D

  • @RG-ef8vm
    @RG-ef8vm 4 місяці тому

    Excellent video. What you showed had nothing to do with what I wanted to do, but you were so thorough that I was able to do what I wanted to do by watching and learning from your tutorial. Thank you.

  • @flameshard
    @flameshard Рік тому +4

    Your tutorials are the best! It's my favorite Godot channel.

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

    Absolutely incredible tutorial / explanation. We're lucky that this channel exists.

  • @Lukas-it8fj
    @Lukas-it8fj 11 місяців тому

    Much credit to Godot for creating such an intuitive system, but much more credit to you for making such an intuitive video.

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

    Thank you!! From: Shaders, I know they exist - To: Shaders, I know they exist, I believe I can create my own, and I know I have a LOT still to learn - but am now willing to learn. This is one of the best hour-plus-es I have invested in learning. You are a great teacher and I love the touch of humour. Keep teaching! (And winning)>

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

    I think I have never felt so amazed about a tutorial before. Everything you explained is so understandable. It's the first time I feel like I can work with shaders, before that it makes me fear this giant monster. Thanks very much for it, you did so much for the community ❤❤

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

    You did it again. Here we have best Godot's shaders tutorial of UA-cam.
    Thanks, I want to play with shaders this weekend

  • @likestech1873
    @likestech1873 11 місяців тому

    The most cogent explanation of shader logic I’ve ever heard. Very neat example, too. Thanks very much for making it.

  • @peachery2k2
    @peachery2k2 11 місяців тому

    What an absolute gem of a video! I'm probably gonna use this to teach my grand kids how to use shaders in the future.

  • @luckykraken5835
    @luckykraken5835 28 днів тому

    Best tutorial ever, both node and code!? So great! Thanks!

  • @DerrangedGadgeteer
    @DerrangedGadgeteer Рік тому +27

    So, basically Vertex Shaders are like a "morph by script" function, while Fragment Shaders are like a "Recolor by script" function.
    That may seem obvious to people who've used them before, but this has been super enlightening to me. This is probably the best explanation of them Ive seen, whether in godot or anywhere else!

    • @wiktorwektor123
      @wiktorwektor123 Рік тому +6

      This knowlege is universal. You have the same shader types in Unity, Unreal, OpenGL, Vulkan, DirectX and they all work exactly the same, because they are hardware (GPU) dependent. Syntax is sometimes a little different but that's it.
      Every "modern" GPU (that is 7 years old or less) has 6 hardware shader types: Vertex, Fragment, Geometry, Tesselation Evaluation, Tesselation Control and Compute (yes you can offload vector and matrix operations to GPU and get back results without rendering single pixel)

    • @DerrangedGadgeteer
      @DerrangedGadgeteer Рік тому +9

      @@wiktorwektor123 Indeed. I'm a hobbyist who is in the process of learning how to code, and learning to put together my first video game. And every explanation of shaders I've watched or read so far is either uselessly high-level... (Yes, I understand how Cartesian coordinates work, and I understand how gradients work.) ...Or they write off important information as "out of scope" for an introductory video. ("We're not going to cover vertex shaders in this video, blah blah blah...)
      Pointing out that the vertex shaders do basically the same stuff that the "Transform" tools in graphics editors do, whereas the fragment shaders do the things that color filtering tools do has made a whole ton of things fall into place.

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

      Thank you for phrasing it that way I was still trying yo figure out the diffrence as I'm watching

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

      @@wiktorwektor123 Universal yes. Explained well without spewing things that requires college level math to understand or skipping important details like we learned to code just yesterday. This is where most tutorials fall short. Either assuming most of us are never going to use shaders, or we have some grad level math skills.
      Vast majority of us ony goes so far as A-level maths. We cant read alien expressions meant for pHDs.

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

    I finally understood how shaders work and how to create them, thank you!!!

  • @Notreal76
    @Notreal76 11 місяців тому

    This must be one of the best shader tutorial I have watched on UA-cam. Thank you so much.

  • @zoilorys
    @zoilorys 11 місяців тому

    This is the best explanation of shader basics I've ever watched/read. Thank you so much for making it!
    I hope my comment will help to drive engagement on this video so youtube shows it to more people.

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

    Just mirroring what plenty of others are already saying - Your videos are fantastic! I love the format and content, they are easy to follow and actually helpful for understanding the subject matter. This one and your one on UI one have been the best I've found on youtube and made a difference to my understanding of Godot. I actually added an animating shader to my game - something I was not able to do previously. I cant wait for the next one. Thank you for all the hard work you've put into creating and sharing these videos.

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

    I absolutely love this tutorial, it sets up some excellent groundwork for more advanced shaders in an approachable way.

  • @gezbob3508
    @gezbob3508 Рік тому +4

    really good. Your videos really are top-notch quality, thank you! I really hope you are able to continue this good work. I have been excited to see your next video and I have not been disappointed :)

  • @onepiecevieira2347
    @onepiecevieira2347 Рік тому +17

    Thank you for the video! With godot 4.2 coming up, one video about the basics of particles would be incredible!

  • @tobecontinued.
    @tobecontinued. Рік тому +1

    You're tutorials are amazing, Well worth your efforts put in, I got a lot of value out of all your videos. Will definetly come back when I need a refresher 😁

  • @gabrieladelemoni7576
    @gabrieladelemoni7576 5 місяців тому

    Just subscribed. You have no idea how invaluable your videos have been. I think I'll be working with the Godot engine for a very long time and if you keep posted content similar to these videos on your channel, I'll keep watching and learning from them. Thank you.

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

    Awesome tutorial. Awesome teacher.
    I know the topic but was watching entire thing that for the sake of enjoying magnificent skill of explaining things.

  • @xtreme-software
    @xtreme-software Рік тому

    There is no better way to explain this topic. I am extremely impressed.

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

    Hoping you'll keep on going, this is great learning content. Great work!

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

    Both this video and state machine video came out just as I wanted to learn how to implement them in my game, you're incredible.

  • @2kReels
    @2kReels 11 місяців тому

    I'm knew after 10 minutes into this vid, that this will be my new favorite godot tutorial channel. This is so well done on so many levels. Thank you

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

    I want so bad to get into shaders and now I realize this video is what i was wishing for.

  • @chicco_stat
    @chicco_stat 11 місяців тому

    While "one does not simply walk into Shaderland", one can be sure that Godotneers' tutorials will be our wooden sword offered to help along the dangerous journey. Thanks for yet another excellent video.

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

    Dude I was struggling with shaders just yesterday! Admittedly the only reason it took me so long was because I forgot that I had a sprite for a flash animation underneath, but I would've realized that earlier if I knew EXACTLY how it worked. This is perfect!

  • @AG-cd2it
    @AG-cd2it 11 місяців тому

    Super detailed, clear, clean editing. Explained every step of the way leaving no room for doubt. Awesome tutorial!

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

    Thank you for making this video.
    One main disatvantage of using godot comparing to unity is the convenience of community resource. It's easy to find answers to problems in unity, but not not so much in godot yet. I'm exited to see the resource being built in godot brick by brick.

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

    Sir your channel is incredible, it's only a matter of time before your excellence is noticed by a much wider audience!

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

    This is the top quality content that youtube should recommend more of

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

    i'm just 18 minutes in and i had to pause to say Wow!!....you are the best. Please keep them coming.

  • @keithwinget6521
    @keithwinget6521 11 місяців тому

    I've made quite a few shaders before seeing this video, but there was definitely stuff here I still didn't know. Very well put together examples and walkthrough!

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

    This tutorial was exceptional! Thank you for all the effort that you put in to make it so polished and clear.

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

    Amazing channel!!! Can’t wait for you to blow up in popularity!!!

  • @njdarda
    @njdarda 11 місяців тому

    this is amazing. i always found shaders hard to get into but this was easy to follow. godot honestly has the best community.
    I love the little speech bubbles. :D

  • @R.Daneel
    @R.Daneel 7 місяців тому

    Fantastically produced video. Thanks so much for taking the time to produce such a profession lesson!

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

    This is the best Godot tutorial I've ever seen. Well done!

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

    If you keeping doing this, you're going to be famous.

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

    An excellent video, I could appreciate the detail and dedication in making the video. You have a fantastic didactic technique, using visual support when explaining allows a better understanding.
    It is the best video about shaders I have seen, you have done a wonderful job.

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

    Really enjoying the presentation and teaching style - thank you for all your efforts. I gained a lot from the UI and this one.

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

    This is such a beautiful tutorial, not only in a Godot way, but also in thinking processes and problem solving 🚀

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

    Always love your videos! Without a doubt the best tutorials I know of for Godot!

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

    Best video about shaders I have seen, thank you very much! This will help for long term as well.

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

    This is better than all the other shader videos I've watched. I'm actually coming away from this with knowledge, instead of a checklist of instructions.

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

    As always… absolutely fantastic! Thanks so much for this explanation.

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

    Thank you man! You are a great teacher and made one of the best tutroials about shaders in Godot

  • @amosf.2780
    @amosf.2780 Рік тому +2

    Finally! Thanks for your professional tutorial!

  • @charlymarchiaro
    @charlymarchiaro 5 місяців тому

    Really, really excellent tutorial. Thanks so much for this. I'm glad I've found your channel.

  • @whitelongbeard
    @whitelongbeard 10 місяців тому +1

    this tutorial is truly a piece of art! thanks a ton!

  • @justKaine
    @justKaine 11 місяців тому

    a very very well explained video for beginners like me. thanks for putting the time into creating this and therefore helping 1000s of people like me. ❤
    Thanks!

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

    Fantastic tutorial! Great to see someone with the same passion for creating shader tutorials as me, keep it up! You got yourself a new subscriber ;)

  • @leonardowistuba
    @leonardowistuba 22 дні тому

    You are an incredible teacher. Thank you so much for your content.

  • @ZimmervisionCZ
    @ZimmervisionCZ 11 місяців тому

    These are really polished videos, and I appreciate the clear step-by-step way in which you've explained the concepts! Excellent work :)

  • @huntershub3030
    @huntershub3030 11 місяців тому

    Thank you so much for this video, its incredible, makes shaders a lot less scary!

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

    perfect explanation, amazing flow. Thanks for your time!

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

    Excellent video! I'm impressed with the breadth of your knowledge and how well you verbally and visually explain everything. As a fellow godot dev and tutorial maker, you are a huge inspiration.

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

    Fantastic video. Your examples and explanations are wonderfully clear. Great work.

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

    great video again man, please keep it up, the way you teach stuff is so good to the point where I'd pay for it

  • @MrSmith_
    @MrSmith_ 11 місяців тому

    I don't know if it's already been mentioned but the vector breakdown being red/green I think coincides with the axis of the gizmo. I could be wrong, but that was my first thought. Also thank you so much for these tutorials, they are incredibly helpful and explained so well.

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

    I’ve been waiting for a tutorial like this for years. Thanks 🙏

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

    Thank you for making these tutorials, they have been very helpful!

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

    Thanks sir for your contribution towards Godot community. 😇🙌🏻

  • @DevMarco-
    @DevMarco- 11 місяців тому

    That's a really good video thank you for that. And you really wouldn't believe how long it took me to realise the little 'DEU' next to your system clock :D nochmal Danke für das Video, hat echt geholfen.

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

    Healthy person designer: I use the mask texture to change the image point by point.
    Smoker designer: In general, we need transistors, theristors and resistors to solder a magic thing that will read data from the tips of the processor legs for the simplest operation.))
    thanks for the explanation)

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

    Insanely good shader intro, nice work 🎉

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

    Brilliant video :) I'd love a more advanced version, maybe using more dynamic shaders, combining shaders, 3D shaders, some advanced examples.