Advanced Screen Space Shaders: Godot Guide

Подписаться 18 тыс.

Просмотров 22 тыс.

50% 1

Timestamps
mouse position: 1:25
canvas position: 5:32
Gaussian blur: 7:22
circle screen wipe: 9:55
How to make a screen space shaders that act on a position on your screen. I show you how to use this technique to create three shaders: a crosshair, a targetted Gaussian blur and a circular targetted screen wipe. I also cover the fundamentals of how UV's work in Godot shaders and a little pythagoras.
Thanks to Garmelon on the Godot comunity discord for helping with the last shader. On rereading I am certain I pronounced your handle wrong :(
All the code is avaliable on my Github here:
github.com/bramreth/godot_tut...
The first full screen shader tutorial:
• Godot full screen shad...
The original painting for the backdrop:
en.wikipedia.org/wiki/The_Emp...
Social links:
Twitter: / bramreth
Instagram: / bramreth
My games: bramreth.itch.io/

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

21 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 37

@HeraldOD 4 года назад

Really helpful video! I've been getting more into shaders recently and it's crazy how much you can do!

@BramwellWilliams 4 года назад

Thankyou! It really is crazy learning shaders has pushed the annount of whacky stuff I can do over the top it's really awesome c:

@kotobm1148 4 года назад

Awesome video! I can't wait to try out the screen wipe

@BramwellWilliams 4 года назад

Thank you! That’s a fun one c:

@danielhadad4911 3 года назад

This is gold! Awesome tutorial.

@ZZKJ396 4 года назад

Nice presentation, very professional. You will get a tonne of subs if you maintain this quality!

@BramwellWilliams 4 года назад

Thanks a bunch Ian I really appreciate it, I've been working on improving my editing as much as I can recently c:

@_smks 4 года назад

Subscribed great work with the shaders! 💯

@BramwellWilliams 4 года назад

thankyou so much! really appreciated ^^

@JuanUys 2 года назад

Thanks for this. Please add a part 2 which explains how to combine these shaders. (e.g. with BackBufferCopy)

@lillchampion7386 3 года назад

Great tutorial!!

@EmotionalCapybara 4 года назад

Amazing tutorial thanks!

@BramwellWilliams 4 года назад

glad it was helpful, thankyou!

@gingerageousgames613 4 года назад

Great video.

@UltimatePerfection 4 года назад

How would I go about making a fish eye shader for 3d games in godot?

@IustinNitza 3 года назад

Thank you !

@wixardstudios1374 2 года назад

good tutorial, you would have more subs

@viniguerrero 4 года назад

Great tutorial man! Keep it up, I'll definitely follow this series. Do you have any tutorial for blood splatters (specially in 3D)?

@BramwellWilliams 4 года назад

Thankyou Vinny! I did work on bullet sparks and decals in 3d a while ago, I'm sure I could get something good for a tutorial - some pressing videos I need to work on first but consider it in my backlog c:

@viniguerrero 4 года назад

@@BramwellWilliams awesome! Looking forward for those :D

@JVJF7 4 года назад

Is a blur shader possible in gles2? And if so, is it very cpu intensive?

@BramwellWilliams 4 года назад

It doesn't appear to be possible using textureLod after a little fiddling. and looking at these docs its unavailiable: docs.godotengine.org/ko/latest/tutorials/misc/gles2_gles3_differences.html However creating your own blur function shouldn't be too difficult: something like one of these should be a good starting point www.shadertoy.com/view/Xltfzj www.shadertoy.com/view/ltScRG shader processing is offloaded to the GPU not the cpu, so your cpu should be fine, I wouldn't worry about the performance of an effect like this too much, but maybe that's naive of me. Hope this helps!

@JVJF7 4 года назад

@@BramwellWilliams Thanks. I was wondering if it was possible in gles2 for (older) mobile devices, but if it depends on the gpu, I guess it isn't a good idea then

@LATEXXJUGGERNUT 4 года назад

OH GAWD, PLEASE DO A TUTORIAL WITH OUTLINING THINGS AND HAVING THE OBJECT PASS THE SHADER THE COLOR IT SHOULD BE FOR THE OUTLINE.

@BramwellWilliams 4 года назад

There is a built-in template for exactly that out of the box! Consider looking at it in more detail in my backlog :) github.com/godotengine/godot-demo-projects/tree/master/2d/sprite_shaders

@BramwellWilliams 4 года назад

@@rock_covers_and_then_some that's very possible and something I dabbled in a while ago! Good idea thankyou ^^

@LATEXXJUGGERNUT 4 года назад

@@BramwellWilliams Is it possible to have the screen shader decide which nodes get affected, or does a shader need to be applied on each node? Ex. There is an apple, a banana, and carrot, how to outline the apple red and the banana yellow while leaving the carrot alone. I am inexperienced and do not understand if the screen shader can do this all by itself.

@kumar-ii8cd 4 года назад

2d water shader please

@BramwellWilliams 4 года назад

I'm working on it

@wagwan0 4 года назад

Screen pixelater pls. This is the most reqired one.

@BramwellWilliams 4 года назад

deffo! I cover it in this video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-x6dOxJa3zXY.html

@5minutemovies977 4 года назад

Godot devs provided this : github.com/godotengine/godot-demo-projects/tree/master/2d/screen_space_shaders

@BramwellWilliams 4 года назад

its great isn't it! I go over that exact repo in this video c: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-x6dOxJa3zXY.html

@davidmurphy563 3 года назад

Very good but it's almost always better to use smoothstep than clamp because you don't get a discongruence at the intersection.

@Plagueheart 4 года назад

Great Stuff, have you been to Game Endevour discord in #Useful-Resources? LucyLavend posted a Shader Toolkit allows you to test / write shaders with lots of examples i think it has 12 chapters and each chapter has range from 8-15 shader examples. Might be useful for learning as well

@BramwellWilliams 4 года назад

was that the book of shaders port? if so that's a fantastic resource! and I wasn't aware of Game endevours discord but I am now in there c:

@Plagueheart 4 года назад

@@BramwellWilliams yes it is :)