Тёмный

Welcome to Shaderland - An introduction to shaders in Godot 

Godotneers
Подписаться 33 тыс.
Просмотров 114 тыс.
50% 1

Hello Godotneers! Have you ever wanted to use shaders in your game but found that they are some sort of black magic? In this video we're going to to explore how shaders work in Godot and how to write shaders both in Godot's visual shader editor and Godot's built-in shader language. We cover both vertex shaders and fragment shaders, so that after you've watched this video, you should have a solid foundation to start your own journey into Shaderland.
== Table of contents ==
00:00 Introduction
00:54 Rendering basics
01:50 The shader pipeline
05:19 Vertex shaders
10:08 Selecting vertices
14:46 Animating with time
21:58 Writing vertex shaders with code
32:07 Fragment shaders
40:09 Masking & image manipulation techniques
55:26 Controlling shaders from game code
58:41 Writing fragment shaders with code
1:10:26 Conclusion
== Useful Links ==
Inigo Quilez' "Painting with Maths" series: • Painting with Maths
Godot Engine Shader Language Reference: docs.godotengine.org/en/stabl...

Опубликовано:

 

31 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 287   
@Beryesa.
@Beryesa. 8 месяцев назад
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 8 месяцев назад
Aye! Your videos have helped me grok these concepts in a way no other programming how-to has.
@speedfastman
@speedfastman 2 месяца назад
They kinda boomin rn
@dosodraws7739
@dosodraws7739 2 месяца назад
@@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 8 месяцев назад
this might be one of the best tutorials ive ever seen on youtube. thanks for your hard work
@willd2609
@willd2609 4 месяца назад
100 agree!
@cloudsquall88
@cloudsquall88 8 месяцев назад
that zoom out at 4:58 was chef's kiss
@TheCykid
@TheCykid 8 месяцев назад
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 4 месяца назад
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.
@Mike-LoveSpace
@Mike-LoveSpace 7 месяцев назад
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!
@StephenHermer
@StephenHermer 8 месяцев назад
This is a fantastic exploration of shaders... something I have struggled with for months. Thank you!
@d_sully
@d_sully 7 месяцев назад
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!
@ZimmervisionCZ
@ZimmervisionCZ 7 месяцев назад
These are really polished videos, and I appreciate the clear step-by-step way in which you've explained the concepts! Excellent work :)
@AtelicDev
@AtelicDev 16 дней назад
This is the best Godot tutorial I've ever seen. Well done!
@Mark-pn9xy
@Mark-pn9xy 6 месяцев назад
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.
@red3tango
@red3tango 8 месяцев назад
Great tutorial as always! Love that you explain the terms (fragment, uniform, etc), makes 100x more sense now! Thanks!
@Kunfury
@Kunfury 8 месяцев назад
Always love your videos! Without a doubt the best tutorials I know of for Godot!
@westongpt
@westongpt 8 месяцев назад
I absolutely love this tutorial, it sets up some excellent groundwork for more advanced shaders in an approachable way.
@gezbob3508
@gezbob3508 8 месяцев назад
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 :)
@AG-cd2it
@AG-cd2it 8 месяцев назад
Super detailed, clear, clean editing. Explained every step of the way leaving no room for doubt. Awesome tutorial!
@onepiecevieira2347
@onepiecevieira2347 8 месяцев назад
Thank you for the video! With godot 4.2 coming up, one video about the basics of particles would be incredible!
@renjin25
@renjin25 8 месяцев назад
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.
@2kReels
@2kReels 7 месяцев назад
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
@PJLocko
@PJLocko 8 месяцев назад
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.
@tobecontinued.
@tobecontinued. 8 месяцев назад
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 😁
@TannerCh
@TannerCh 6 месяцев назад
This tutorial was exceptional! Thank you for all the effort that you put in to make it so polished and clear.
@nasserpro2
@nasserpro2 2 месяца назад
The pace, level of explanation and the style of this tutorial is the best! Thank you so much!
@bitnewt
@bitnewt 5 месяцев назад
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
@Notreal76
@Notreal76 7 месяцев назад
This must be one of the best shader tutorial I have watched on RU-vid. Thank you so much.
@likestech1873
@likestech1873 8 месяцев назад
The most cogent explanation of shader logic I’ve ever heard. Very neat example, too. Thanks very much for making it.
@zoilorys
@zoilorys 7 месяцев назад
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.
@flameshard
@flameshard 8 месяцев назад
Your tutorials are the best! It's my favorite Godot channel.
@Leif_in_the_Wind
@Leif_in_the_Wind 8 месяцев назад
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.
@natefoldan
@natefoldan 5 месяцев назад
Absolutely incredible tutorial / explanation. We're lucky that this channel exists.
@RG-ef8vm
@RG-ef8vm 22 дня назад
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.
@igor8770
@igor8770 5 месяцев назад
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.
@gabrieladelemoni7576
@gabrieladelemoni7576 Месяц назад
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.
@Zuap
@Zuap 4 месяца назад
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
@TheRealMonkeyCrime
@TheRealMonkeyCrime 8 месяцев назад
Really enjoying the presentation and teaching style - thank you for all your efforts. I gained a lot from the UI and this one.
@Korn1holio
@Korn1holio Месяц назад
You're an amazing teacher and your contribution to the community is immensely valuable.
@ShinigamiZone
@ShinigamiZone 8 месяцев назад
This is such a beautiful tutorial, not only in a Godot way, but also in thinking processes and problem solving 🚀
@enderalex300
@enderalex300 5 месяцев назад
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!
@R.Daneel
@R.Daneel 3 месяца назад
Fantastically produced video. Thanks so much for taking the time to produce such a profession lesson!
@JustAnotherAlchemist
@JustAnotherAlchemist 5 месяцев назад
The first 5 mins of this video is low key the most optimum no BS intro to the GFX pipeline I've seen. +1
@keithwinget6521
@keithwinget6521 8 месяцев назад
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!
@Bezimienny
@Bezimienny 8 месяцев назад
Hoping you'll keep on going, this is great learning content. Great work!
@jackiewatkins1830
@jackiewatkins1830 7 месяцев назад
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!
@istemann
@istemann 8 месяцев назад
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.
@xtreme-software
@xtreme-software 8 месяцев назад
There is no better way to explain this topic. I am extremely impressed.
@RhogerAnacleto
@RhogerAnacleto 6 месяцев назад
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 ❤❤
@JonLynchIsAlive
@JonLynchIsAlive 5 месяцев назад
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!
@SeanMcKenzie
@SeanMcKenzie 8 месяцев назад
As always… absolutely fantastic! Thanks so much for this explanation.
@Forshen
@Forshen 4 месяца назад
Best video about shaders I have seen, thank you very much! This will help for long term as well.
@kidando
@kidando 8 месяцев назад
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
@scribblingjoe
@scribblingjoe 8 месяцев назад
I’ve been waiting for a tutorial like this for years. Thanks 🙏
@vicentvalls1647
@vicentvalls1647 8 месяцев назад
You did it again. Here we have best Godot's shaders tutorial of RU-vid. Thanks, I want to play with shaders this weekend
@goblinslayer5404
@goblinslayer5404 8 месяцев назад
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
@AdjectiveBlazkowicz
@AdjectiveBlazkowicz 4 месяца назад
I did not expect to find this gem of a tutorial..
@imptea
@imptea Месяц назад
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!
@njdarda
@njdarda 7 месяцев назад
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
@peachery2k2
@peachery2k2 8 месяцев назад
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.
@ThisIsFez
@ThisIsFez 8 месяцев назад
i'm just 18 minutes in and i had to pause to say Wow!!....you are the best. Please keep them coming.
@brian743
@brian743 16 дней назад
Thank you for making these tutorials, they have been very helpful!
@ChinchillaDave
@ChinchillaDave 7 месяцев назад
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!
@DerrangedGadgeteer
@DerrangedGadgeteer 8 месяцев назад
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 8 месяцев назад
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 8 месяцев назад
@@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 7 месяцев назад
Thank you for phrasing it that way I was still trying yo figure out the diffrence as I'm watching
@whitelongbeard
@whitelongbeard 6 месяцев назад
this tutorial is truly a piece of art! thanks a ton!
@ulgrimthemad
@ulgrimthemad 8 месяцев назад
Fantastic video. Your examples and explanations are wonderfully clear. Great work.
@anorihon8673
@anorihon8673 6 месяцев назад
Thank you man! You are a great teacher and made one of the best tutroials about shaders in Godot
@charlymarchiaro
@charlymarchiaro Месяц назад
Really, really excellent tutorial. Thanks so much for this. I'm glad I've found your channel.
@TheAguilacelestial
@TheAguilacelestial 5 месяцев назад
I was so scared of shaders and thanks to you I finally surpassed my own barrier to start learning them :) Thanks a lot!!
@marsonfire6791
@marsonfire6791 Месяц назад
This is incredible. Thank you so much for something like this
@BazSupport
@BazSupport 8 месяцев назад
Insanely good shader intro, nice work 🎉
@amosf.2780
@amosf.2780 8 месяцев назад
Finally! Thanks for your professional tutorial!
@enjoful
@enjoful 8 месяцев назад
Love the videos! Nice tempo, nicely structuresd, well explained!
@kartopod
@kartopod 5 месяцев назад
This was a great introduction! Thanks for this!
@chicco_stat
@chicco_stat 7 месяцев назад
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.
@godotShaderBoy
@godotShaderBoy 3 месяца назад
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 ;)
@pringelgunger693
@pringelgunger693 8 месяцев назад
This came out at the perfect time tbh, dope!
@borasengun2709
@borasengun2709 8 месяцев назад
perfect explanation, amazing flow. Thanks for your time!
@jonasan77
@jonasan77 4 месяца назад
This is amazing, thank you - i look forward to learning this!
@owenlloyd2528
@owenlloyd2528 8 месяцев назад
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)>
@mitri4939
@mitri4939 5 месяцев назад
Sir your channel is incredible, it's only a matter of time before your excellence is noticed by a much wider audience!
@P0K0
@P0K0 6 месяцев назад
The best thing I've watched today, thanks for your hardwork ❤ btw youtube recommend me this video so it seems it'll boom soon
@jackofnotrade9316
@jackofnotrade9316 8 месяцев назад
this is hands down THE best shader tutorial in youtube. Thanks so much for making such knowledge available to everyone.
@justKaine
@justKaine 7 месяцев назад
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!
@DevMarco-
@DevMarco- 8 месяцев назад
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.
@davemurray9977
@davemurray9977 8 месяцев назад
Amazing channel!!! Can’t wait for you to blow up in popularity!!!
@user-tc5yk4zd5k
@user-tc5yk4zd5k 8 месяцев назад
Your videos are as good as ever!thank you!
@ChunribuGame
@ChunribuGame 7 месяцев назад
thank you bro! this channel is a legend
@ukrgerri4
@ukrgerri4 5 месяцев назад
Thanks a lot for your work, this is a very clear explanation!
@oleph
@oleph 8 месяцев назад
Really appreciate the quality knowledge! You're a great teacher
@ThinkWithGames
@ThinkWithGames 8 месяцев назад
A new Godotneers video? This is a pleasant surprise :)
@tuabuelatienerazon2929
@tuabuelatienerazon2929 5 месяцев назад
Thanks! really great introduction, helped me a lot
@ahnmichael1484
@ahnmichael1484 8 месяцев назад
Incredible quality! Thank you ✨
@Frank_G_Finster
@Frank_G_Finster 8 месяцев назад
Incredible tutorial. Very clear and transparent. I learned a lot here. Thank you very much for sharing this incredible video. Liked and subscribed.
@toxicg8882
@toxicg8882 8 месяцев назад
EXCELLENT! Great break down from start to finish. ty sir!
@Lukas-it8fj
@Lukas-it8fj 7 месяцев назад
Much credit to Godot for creating such an intuitive system, but much more credit to you for making such an intuitive video.
@legowyn24
@legowyn24 Месяц назад
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!
@owlboar
@owlboar 8 месяцев назад
This is the top quality content that youtube should recommend more of
@HugoLamarche
@HugoLamarche 7 месяцев назад
Very well done, everything is very well explained and not questions remains :)
@benyaminghafoorian5701
@benyaminghafoorian5701 8 месяцев назад
best teaching method i have seen, bravo
@TechCowboy
@TechCowboy 8 месяцев назад
This is an amazing tutorial. Top notch!
@teo2805
@teo2805 8 месяцев назад
Wow this is my new fav Godot channel
@yapayzeka
@yapayzeka 8 месяцев назад
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
@paralaxa
@paralaxa 7 месяцев назад
definitely the best tutorials I've ever seen
Далее
Introduction to shaders: Learn the basics!
34:50
Просмотров 309 тыс.
An introduction to Raymarching
34:03
Просмотров 129 тыс.
Ouch.. 🤕
00:30
Просмотров 12 млн
An introduction to Shader Art Coding
22:40
Просмотров 948 тыс.
Giving Personality to Procedural Animations using Math
15:30
4 Godot 4 Devs Make 4 Games in 44 Hours
25:19
Просмотров 497 тыс.
Particle Systems in Godot  - Part 1: Getting started in 2D
1:05:08
Painting a Landscape with Maths
42:00
Просмотров 701 тыс.
Every 2D Node Explained in 9 Minutes !
9:19
Просмотров 296 тыс.
How to program in Godot - GDScript Tutorial
58:10
Просмотров 515 тыс.
Sky Shaders in Godot 4.0 | What You Should Know
5:42
Ouch.. 🤕
00:30
Просмотров 12 млн