Fun trivia, they're called UV because XYZ is already taken. UV also only denote the 2D texture positions, for 3D textures they're UVW... which are followed by XYZ in the alphabet!

I think you’ve touched on something that I haven’t seen in shader / VFX learning material before: the COMMON BUILDING BLOCKS of effects. If we can learn things like dissolve, distort, noise, gradients, textures, etc. we can get better at combining and layering them. Thank you for that. It’s a breakthrough in my understanding.

Some notes for others 1. You actually need to create that noise within the material. Shader itself does not create it. 2. There's no more 'SCREEN_TEXTURE' available but you can add 'uniform sampler2D SCREEN_TEXTURE : hint_screen_texture, filter_linear_mipmap;' on the top and it does the job 3. Carefully read the whole code in the end. All changes small changes are not mentioned Thank you none the less :) works!

Shaders are a fundamental tools to make videogames and cgi animation. Every bit of shared knowledge is very appreciated. Thank you.

Wow, I love the editing and natural, conversation writing of this video! What a great way to explain this concept that so many of us are unfamiliar with 😅 in such a funny way!!

I remember trying to learn this in GameMaker, but they stopped supporting their own tutorials so I never got it to work. Godot is truly becoming the next engine for getting into game development

The editing was tight - no fluff - this was on the level and encouraging without being patronising. Thanks a lot, I know a lot of work went into this. Hello my baby, hello my darlin'!

This is surprisingly the first time I have heard VFX discussed in a simple, non-technical way that was easy to understand. I now know what a UV actually is. Well done.

We're back! Hope you like the video, let us know what you want to see next! Also check out our game's demo & wishlist! store.steampowered.com/app/1700930/Furcifers_Fungeon/

OMG, this is the funnest USEFUL video I've seen in a long time. I love your delivery! :D

This was genuinely a hoot to watch and easy to follow along with. Appreciate the effort that went into this.

What a great video! For some reason, I started feeling like I've been doing shaders for years tho I still have no clue how they are done and I haven't tried. The point is, now I got motivated to start and experiment with them cause they dont seem so scary anymore.

As someone who works around 10 years creating FX for movies, adverts and games after a while you just get this intuitive understanding how to fake any movement by splitting it into few layers that are simpler to archive. It sort of like with coding but divide and conquer works on more visual level.

This is a great and approachable shader tutorial. I have been into many shader tutorials and this small video made my brain click :)

I've been working in Unreal Engine for years, I just recently opened Godot for the first time and I feel like a baby again, thanks for making me feel less intimidated ♥

YES more! Teach us the way of the shader please! Your fun way that delivered this video was very pleasant to keep me focused on shaders for once in my life. It is the bane of the developer so help us!

Loving the humor and the tutorial as well. More please!

Thank you for this video. It makes things much more approachable for non coders like me who are terrified of all these crazy moving parts. Your videos are amazing

Best presentation on shaders I have seen to date. Well done sir!

The mix of comedy, education, and the fact your vid avatar is an AdoraToaster is pure gold. Feel bad that we're limited to only one upvote per video.

Brilliant little production) Both enjoyable to watch, and quite informative! Looking forward to new videos on the subject. Also, I'm totally checking out your game as soon as I can)

thank you very much, you saved my day! You guys gave me a good introduction to shaders. I was struggling these days to get any shader working, they were always looking like sh*t. I actually modified your water shader to look it like heat distortion effect and it works like a charm!

Looking forward to seeing the second trick of VFX in your next tutorial!

This video made the shaders a lot more understandable for me, thanks a lot!

I am insanely entertained and educated by your content. You’re awesome!🤙

Thanks for this vid :> Would love to see a whole series on this, shaders are so cool and can add so much to a game! Good luck with Furcifers Fungeon :)

This video popped into my recommendation, and gave me knowledge I didn’t know I needed. Thank you

It's a bit magic what you can do with this few tools in your hand / mind, really great, thanks for sharing!

This was very informative, and I love your comedy style haha you got a new subscriber!

This is just a magical explanation/montage!

Dude, you are so hilarious. Very entertaining to watch and I love the way you speak. Thumbs up and subscribed.

It's very rare that I feel so comfortable watching videos like these. great work

Wow! This is an excellent (and concise) lesson! Love it!

I've literally done all this before but still enjoyed every moment of the video

wow, that's amazing-looking! I hope to use this information some day 😊

NGL, Tom Scott at the end really surprised me! But anyway, every time I see one of your videos it inspires me to go back and work again on my projects, so thanks for all of them

This is a great video. I cannot wait to play around with this.

I'm a Unity fan boy but really enjoyable watching and listening. It's something I've been learning and playing with only recently but I wanna dive deep af cos it looks so cool and powerful.

You almost had me at trick 2, so to see trick 3, you really did get me there.

While watching the video I was thinking "wow this water effect looks similar to backpack battles potion effects, so that's how they did this", and then I searched for other videos in the channel and realized...

Awesome. Thank you for simplifying this concept. 😎👍

My brain is folding in on itself at how good this looks. It reminds me of old CSS text animations, where you just mess with numbers and directions until it looks good.

i really enjoy your engine videos!

I mostly use vj software and have a very shallow understanding of shaders (I can convert some older ones to work in macos quartz). This was incredibly helpful for both of those

I nearly spit out my coffee at the dancing robot icon guy. Well done lol :D

What is wholesome is that even though programmers and artists are equally confused. Both type of people are profiles that are eager to learn new things so it just works out :) !

This is really informative. Subscribed and bookmarked

What I wouldn't give to see this tutorial with a single screenshot of what you actually did. It's like doing archeology trying to make this shader from the video.

Awesome video, at the end I was thinking "Wow, I wish there was a playlist of this sort of stuff", and hey, you have a Godot VFX playlist! I know a lot of shader stuff is very general and GLSL is easily transferrable regardless of engines, but it's so nice to just have it all in one place when learning (especially when it comes to debugging something!) Thanks for your efforts!

Wow this was so well and funny explained, loved the video and that it was done in Godot :D I'll check your other videos on VFX too, this will be a great help, also I wish listed your game, good job!

Love the code & Material sliders shown.

"I'm not saying there's just one trick. There's at least...2" was way funnier than it should have been. Awesome video!

That was both hilarious and informative. Good job

Very insightful stuff! Also wishlisted.

Cool, would definitely like more videos like this!

I literally just checked if you guys had another video out 3 minutes ago :) EDIT: ofc make more of these :) I'm not much of a shader guru...sure what you cover is some simple stuff, but I really like these. Plus there is always something new to learn.

Really informative and funny! Keep up the good work!

Thanks man, i was not looking for this, but i had to try it. I even managed to apply the same " + scroll * TIME " to a 3D Perlin Noise Generator. Even tho i'm super new in this whole 3DModelling / Game Engine world!

Yes! More please :) My goal for 2023 is to work on my visual skills both art and VFX. Cheers!

This is great. Just subscribed based on a single video. Going to try shader effects on my wall torches now.

Tried your demo. The game is good fun!

Great topic. Would be glad to see more effects using this technique

Finally! Good explanation!

I love your tutorials. Hoping to see a second and - do I dare - third trick everything else is based on.

absolutely amazing video

Informative and funny! Good stuff.

new sub!!! Thank you for that. It’s a breakthrough in my understanding.

Really awesome would like to see more :)

Alright, I am absolutely going to try this one.

Cool video as always! Thanks for sharing :)

Awesome informative video. I don't Godot, but I feel like I know how to apply this in Phaser now.

To my understanding, UV is used to distinguish between XYZ coordinates for the 3d mesh. VW is associated with a certain German car manufacturer and also a pain to pronounce. So UV was used. Why we're addressing UV.x and UV.y is still puzzling though.

This is pure gold !!!

So refeshing to see such a video from you again :)

conventionally in mathematics, when talking about parametrizations of surfaces, one would usually use the names u and v for the arguments of the map from the plane to the surface, hence the name UV-map!

best shader video i seen

This man has one of the lovliest German Accents i could imagine xD Nice work man!

Thanks for sharing

Really good stuff.

Yes please, more of this stuff!!!

The godot stickman has really caught me off guard. This clip should play everytime godot crashes ;)

Fascinating ! I start loving shader programming or GPU programming now...

very nice and funny, thank you!

Great video! Thank you

Holy crap. You made water look so damn easy. Wow, very very cool.

Thanks for your video series. I can tell you (two?) put a lot of work into sharing what you've learned along your journey. I definitely appreciate it. Best of luck with your release - I hope you take a well-deserved break!

4:36 that "wow" got me 😆 Subbed you :)

You're a superstar!

Love you tutorials

Would love to see more shader tutorials!

VFX is so cool! I always get amazed when I see game effects portfolios! I follow Sakura Rabbit, she is amazing with VFX in unity!

The UV mapping comes from differential topology. So when you're mapping a 3d object to a 2d object, you obviously can't capture all of it, but you don't really need to; you're only specifically interested in the surface most of the time. And for characterizing 3d shapes, it turns out that's (in normal cases), all you need anyways. For textures and shaders, this is particularly useful because we don't want to colour the outside of the sphere, just the outside of it, which is a surface. And it turns out the math they need to project a surface (an image or texture) onto a 3d object onto a surface (your computer screen), is differential topology, and in particular you mainly just need some jacobian matrices. A jacobian matrix is essentially just a transformation between a 2 different spaces, possibly of different dimensions, and in this particular case, we are mapping UV-maps, 2 dimensional maps, onto XYZ coordinates, 3 dimensional space, and vice versa. Alright, so that's why Computer Graphics have UV-space, they're copying the math. So, why in math are they called UV-maps? Mathematicians actually use a number of different variables to represent different spaces; UV, sure, but also ST, or GH, or MN, and if you are working with a small number of specific and distinct spaces in more than one problem context, it is customary to give them unique, non-overlapping coordinate labels, so that if I talk about HIJ, it's obvious that I'm not talking about the XYZ-space or the UV-space, and that if I give a coordinate such as (H, I, Z/3 +20), that I'm doing something funky in my mapping. If you're dealing with a large number of maps, though, then it's customary to number them instead, so you have "X1" and "X2" and "Y2". But unless you're subsubscripting them, ("X_1_2" would be the second coordinate of the 1st coordinate system, so it could also be "Y1" without the double-subscripting), then you want to avoid having different dimensions overlap so that you're not expecting a "Z" term from a 2 dimensional map because you lost where you were in the proof. So I might have X1,Y1,Z1 through to Z5,Y5,Z5, but my two dimensional spaces would be U1,V1 thru U3, V3. So in this scheme, four dimensions are typically ABCD, and 3 dimensions are the default in differential topology, so they have XYZ, and so 2 dimensions is naturally going backwards from that, and therefore "ST". . . . this is because in differential topology, we often want to talk about derivatives and integrals, when integrating, we often want to use dv and du to indicate integration by parts or integration by substitution, but du and dv would also be the first derivatives of functions on the UV coordinate system. So we need to hop ahead a bit to when differential topology started being used by a large enough factor in professional contexts over teaching and academic contexts, that avoiding confusion with the use of the teaching tools of types of integration is less preferred than the alternative. So why did they change from using ST when they would have learned it from school as well and been used to ST? Because ST is often used in a lot of other contexts as signifiers for different things, sometimes both of them, sometimes just one, but both S and T are common variable signifiers themselves. Could be units of magnetism, could be signals, could be a lot of things. U and V tho? Not used very often at all. It's not like we can identify a single place where this change definitively occurred, because it happened across many industries over fuzzy periods of time, but there is one source we can point to in particular that many current uses of UV as the coordinate system can map back to. Not the origin of it, but the branch from which so much of the current usage can trace its lineage to. Edwin Catmull's 1974 thesis, "A Subdivision Algorithm for Computer Display of Curved Surfaces". Yes, the very origin of Catmull-Clark subdivision algorithms, and yes . . . computer graphics in particular.

Show us 3D shaders please! I've been playing around with the visual shaders, it's a pretty good workflow, because if a node doesn't exist you can write an expression in shaders code and still use it in your visual shader.

Best tutorial ever!!! Thank you!(i m dont speak English, but i all understood)

Yeah, the amount of stuff you can do with shaders is insane. Water, fire, home-made particle systems, wobbling, wind touching the grass, weird shape related activities (f.e. to cut out one shape from another shape like in Snipperclips), lighting, reflections, stylizing (f.e. to make things pixelated), everything.

Cool video, earned a subscriber

This reminds me of when I used to mess around with Photoshop and eventually got good enough to earn money creating forum banners and such. I used the Cloud method a bunch, which is essentially what was used for the waves. Throw in a bunch of them, do some smearing, suddenly you got fire. It's all really simple once you learn the tricks.

"Guess what - you can". Loved it.

Hey there, friend. I'm about to hop into Godot 4.0 (three year hiatus from dev with only exp in GML 2.0) and I'm enjoying how you explain things and do humor. I just wanted to chime in that having been able to break learning barriers and reignite my passion, I'm seeing that almost everything seems to be based around the simple concept of croissants. Layers. Pro digital artist: we work frequently with layers. Started learning multimedia editing. Oh, video compositing is just boxes - with layers. And sometimes more layer boxes inside those layers. Music? Arranging layers and overlapping beats. Now, seeing how you are showing SIMPLE code (unlike...shivers, C++ and gml,) these VFX things don't look tough at all. Just layers. :) Thank you ~

This is a great tutorial, make more