Тёмный

Tutorial: Simple 3D Water in Godot 4 

Bramwell
Подписаться 18 тыс.
Просмотров 38 тыс.
50% 1

I've got another Godot 4 tutorial for you, this time its how to make some quick and easy 3D water using visual shaders!
This tutorial is using Godot 4 Beta 3 with no extra material needed.
🎁 Source code available on Github here: github.com/bramreth/Godot4Wat...
📰 Check out my Godot 4 course here! bramwell.itch.io/godot-4-begi...
✨ Socials ✨
🐦 Twitter: / bramreth
💬 Discord: / discord
☕ Buy me a coffee: www.buymeacoffee.com/bram
🎮Games: bramwell.itch.io/
🕺TikTok: / bramreth
🤖 The third beta release for Godot 4 I used in the video is here: downloads.tuxfamily.org/godot...
Chapters:
00:00 Intro
00:12 Setting up the scene
01:12 The shader editor panel
04:14 Graph navigation
04:55 Noise
09:41 Panning
14:40 Finishing the fragment
16:32 Vertex shader
21:08 Wrap up
#Godot4 #GodotEngine #Gamedev

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

 

21 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 82   
@BoredPodcaster
@BoredPodcaster 3 месяца назад
Thanks for this tutorial, it helped with my current project. If anyone is doing a low-poly (PS1 Style) game, and needs water to match the aesthetic, you can try changing the Fractal Type to "Ridged" instead of "None" and that will make it look like old water textures from back then. Just make sure to rebalance your opacity values and maybe even your multiply values, depending on what you want, because the Fractal Type will change the behavior of the wave, due to how those waves are generated.
@TheRealKeyvan
@TheRealKeyvan Год назад
I always struggled with writing shaders and found it significantly easier to just write the code, but you've managed to show me how visual shaders can be a very nice (and easy to understand) way to make shaders. Great job at explaining the process. :)
@dungeonrobot
@dungeonrobot Год назад
This is a slick tutorial! You’ve definitely put a lot of effort into making sure everything is clear and legible
@looloolala5000
@looloolala5000 Год назад
Really appreciate how thorough your tutorials are. Thank you!
@cernaovec
@cernaovec Год назад
Great tutorial & great introduction into shaders in general, thanks! 👍
@victorlacasse-beaudoin9287
@victorlacasse-beaudoin9287 Год назад
Very cool and straightforward, also very well explained. Keep up the awesome work!
@johaleia
@johaleia 4 месяца назад
This is such a good tutorial, I really liked how you took the time to explain each step!
@NOFRILLS_GAMING
@NOFRILLS_GAMING 3 месяца назад
Your tutorials are the best I have found so far - I just started with blockbench and godot a few days ago, and I am quite pleased with my results, thank you! I've done 2d in gamemaker for years off and on, but that's about it. You not only show me new things, but new ways of doing things - gold! I appreciate you!
@MP-pv4eb
@MP-pv4eb Год назад
thorough, easy to follow tutorial. Thank you so much.
@YogertPC
@YogertPC Год назад
You've gained two subs, my m8 and I are starting on a project, and you've been a lot of help!
@Theinvalidmusic
@Theinvalidmusic Год назад
Really great intro to visual shaders, would love to see a depth check tutorial!
@liorlevi99
@liorlevi99 Год назад
Your tutorials makes everyone smile! ^^😇 Keep the good work! ^^
@owenlloyd2528
@owenlloyd2528 Год назад
Thank you. You made it understandable and easy to follow along.
@Mrtargi
@Mrtargi 6 месяцев назад
Amazing and simple! Thank you!
@alexskoropletov6146
@alexskoropletov6146 Год назад
That was a great tutorial! Thank you
@colinwright27
@colinwright27 Год назад
Great video. Made it look so easy! 👍
@vila4480
@vila4480 9 месяцев назад
Well put together!
@a_lvska3446
@a_lvska3446 8 месяцев назад
That was insanely helpful, thank you
@nubels18
@nubels18 10 месяцев назад
Thank you for this great tutorial!
@druidkey1449
@druidkey1449 Год назад
actually this is a pretty good intro to shaders in Godot. thanks man
@kevincatlett3180
@kevincatlett3180 Год назад
After this well explained tutorial its a automatic subscribe for me, thank you
@kallelfiori9767
@kallelfiori9767 Год назад
Would be REALLY nice to have a video about this foam effect, for the first time ever i think i'm understanding shaders :)
@jasminstines9081
@jasminstines9081 7 месяцев назад
I love how you make everything bigger so we can actually see it *o*
@thefufuu3157
@thefufuu3157 Год назад
you are explaining stuff as i am 4 years old and i love it dont change it it helps my smooth marble brain to get some heavy wrinkles ! thanks
@raffiepro
@raffiepro Год назад
it works great! Thank You!! 👌👌
@techgaming8940
@techgaming8940 Год назад
Yes I was interested
@hexaman9899
@hexaman9899 11 месяцев назад
nice very good tutorial and good explanation
@ThunderPlayStudios
@ThunderPlayStudios Год назад
Thanks you for this tutorial. great tutorial great tutor
@WoYoSenseiPL
@WoYoSenseiPL Год назад
Wow, this is just simply amazing. So easy to do and yet so complex in the same time (for a noob like me :P ). I have learned a lot thanks to this one! Thank you very much, sir, for doing this! Can I have a little request? Shockwaves. But nothing like 2D based shockwaves. I mean proper 3D, (probably) sphere-based shockwaves from explosions and stuff, kind of heat/distortion effect. Damn, I'll even pay for that. Most tutorials explain it in mostly unclear way, especially for 3D. Please, please, please :) Thank you again. Best Regards
@Phanom_Official
@Phanom_Official Год назад
The shader also reacts to objects so that they also move up and down If not, I would also like to see a tutorial from you, the videos are easy to understand, you do great work and I can learn a lot from you :)
@v44n7
@v44n7 Год назад
you are a genious!
@sirlargegaming4101
@sirlargegaming4101 7 месяцев назад
Bramwell's voice is like smooth butter
@owdoogames
@owdoogames Год назад
I think the chapter times and titles are incorrect in this video - they seem to be for a first person controller!
@BramwellWilliams
@BramwellWilliams Год назад
Thanks for pointing it out! 😭 all fixed now
@timothy_synth
@timothy_synth Год назад
Great Tutorial! Can you make a Tutorial in addition to this one on How To Add Water Depth Shader?
@generrosity
@generrosity Год назад
goooorgeous!
@markdigital3936
@markdigital3936 10 месяцев назад
Hi Bramwell, wondering if you have any tips on making light actually shine through the water, rather than reflect off the top of the mesh? I'm trying to accomplish a volumetric effect with lights that shine into a water surface :)
@flinfaraday1821
@flinfaraday1821 6 месяцев назад
Good stuff, thanks man! How would one go about creating the water underneath, if a player were able to go in the water?
@genesisofmii7745
@genesisofmii7745 Год назад
Thank you
@kotarou8530
@kotarou8530 Год назад
ty so much
@user-qx7zu7xg6u
@user-qx7zu7xg6u 10 месяцев назад
Love the voice, Love the video.
@UnityGamer2077
@UnityGamer2077 Год назад
Nice, Please make an interactive grass shader Tutorial
@jesseekoh3816
@jesseekoh3816 Год назад
Hello how do I make the shader repeat with the size of the plane?
@eveningdreamermusic
@eveningdreamermusic 5 месяцев назад
thanks a lot for the video! it's amazing. I'm trying to figure out how to make stuff float in the water now... but I can't seem to get the data of the height of the water out of the shader and into the physics... any idea on how to accomplish this?
@dueddel
@dueddel Год назад
I didn't watch until the end yet, but I have to upvote and comment right right now (for the algorithm, you know that). There are many people (including me) who basically know what happens in shader scripts, but who also never really got used to the way of thinking that you need for scripting shaders. Using the graphs really helps and I love almost any video showing how to use the visual shader editor in Godot! More like that! ❤
@Mrtargi
@Mrtargi 6 месяцев назад
Do you have an idea how to add splashes when something is dropped to the water or character walking in the water?
@maximelevrel3773
@maximelevrel3773 Месяц назад
Hi Bramwell, thank you for this amazing shader ! Is there a way to easily to scale/tile the mesh but maintain the effect as a 20m square ? Do I have to duplicate the mesh and stick it to the first one ? Thanks for your answers
@GenaroDev
@GenaroDev 8 месяцев назад
really nice. I only have 1 issue, idk why when I put this scene on another scene it turns all waves White when Im in Play mode.
@pascalcasier959
@pascalcasier959 Год назад
GREAT !!!!
@WebCamCartmell
@WebCamCartmell 10 месяцев назад
so fuckin cool, great tut!
@pleasedontwastefood
@pleasedontwastefood Год назад
Oh my god thank you! Is there a way to "refract' the stuff below the water plane? So that it's all wobbly and watery?
@BramwellWilliams
@BramwellWilliams Год назад
thanks! 👀 ooh that is something I really want to experiment with, I imagine it could be achieved by using the noise to offset the uv for the screen texture I'll have to experiment some 😅
@thisisgood44
@thisisgood44 Месяц назад
i never touch godot shader but as a blender user too i think i can use the visual shader hopefully
@elektrofox2746
@elektrofox2746 Год назад
How would you make the water murky?
@chrismcpherson7582
@chrismcpherson7582 Год назад
One of the best content creators tor Godot right now
@espaceneo
@espaceneo Год назад
ur a fcking legend dude honestly
@starkerrobert
@starkerrobert Год назад
can objects interact with the water?
@fruitdudetv
@fruitdudetv 11 месяцев назад
my noise somehow looks so bad and is not seemless at all. even tought it is checked as seemless. also i don't really get how you can scale the noise texture in itself. to me the it looks way to big. also have a problem with applying it to different sized surfaces. looks stretched on one and idk how you could fix that
@valters-tomsons
@valters-tomsons Год назад
Great video! The chapter timestamps are from another video though.
@BramwellWilliams
@BramwellWilliams Год назад
Thanks! 🤦I knew i was forgetting something
@jarrybolterbros933
@jarrybolterbros933 Год назад
can I use this tutorial in godot 3.5.1
@question_mark
@question_mark Год назад
thx =)
@velsein
@velsein Год назад
apparently it's way different in the godot 4 version I'm using, in visualshader it doesn't have Texture2d or other shaders.... I used similar nodes for others but texture2D i missing and it seems I can't replace it with other nodes.
@user-rg7fx6yc1s
@user-rg7fx6yc1s 3 месяца назад
not expecting a reply since nobody elso got one, however how do i scale it up without it looking goofy
@KENISEG
@KENISEG 10 месяцев назад
what about glow on openGL ? I downloaded godot 4.1 and this shit not work :c
@Zadamanim
@Zadamanim Год назад
Hello I'm only about 5 minutes into the video and already running into an issue. When I set the Default Value to 004488, it changes the color in the visual shader editor, but not in the inspector of the mesh, nor in the viewport either. Is there a reason why it's not updating? I tried saving and reloading the scene but it doesn't seem to update the color unless I change the parameters in the inspector. Edit: I found the issue. If you close the dialog box that lets you pick a color by clicking outside of the box, it creates this glitched state. To fix it, you must hit return after inputting 004488, not click outside of the box. Hopefully this will be fixed in an update to Godot. Edit Edit: Ok that isn't working for me anymore either, though at least clicking the eye button doesn't revert the color to white now. I notice in the video he might be experiencing the same glitch, since 004488 is a much darker shade of blue than the one his material takes on. I think his inspector is set to a different shade of blue.
@AcorusDev
@AcorusDev 17 дней назад
Noway I've just followed a tutorial made by the guy who did GameDevTV tutorial I initially followed
@tzerland
@tzerland Год назад
👍👍
@elilentiart8025
@elilentiart8025 8 месяцев назад
Hi there, wondering if someone could help me out. I've followed the tutorial and have now tried applying my shader to a large plane in my game scene. However, the shader is stretched out across the plane rather than tiled. I think I need to apply triplanar scaling to the UV of the shader. I just am unsure how to achieve this! If anyone could help me out I'd greatly appreciate it :) Also, thank you so much for creating this amazing tutorial!
@95mcqueen5
@95mcqueen5 5 месяцев назад
I had this same problem, what I did was mess around with the "frequency" and "time" of both texture2d after scaling the plane, kinda solved my problem. On last case what you could do is scale the plane first and go through the whole process again
@foobars3816
@foobars3816 Год назад
You are really good. I would buy your course, but it seems like it is not videos, but text. Why didn't you use video for your course? You are so good at these videos. Godot is also visual, so it can be much quicker to understand something in a video then reading a document.
@ProtectorCross
@ProtectorCross 7 месяцев назад
I'm very confused, i followed your instructions but I didn't get angry waves... i got stable waves like what you got in the end result. I don't know how I did this, or if it's some update to 4.2?
@ProtectorCross
@ProtectorCross 7 месяцев назад
NVM, i figured it out. The larger the plane the higher the normal node needs to be multiplied by.
@n41sd
@n41sd Год назад
What a nice tutorial! I wanted to know if it is possible to make the foam in another way, because I tested it here and I didn't like the result, as it depends on the camera's point of view. When looking from the side the foam disappears in one of the corners, would you have any alternative to solve this problem?
@BramwellWilliams
@BramwellWilliams Год назад
Tahkyou! Yes there is a good way but i've not figured it out in practice yet - if you generate a signed distance field for the waters surface showing how far every point is from the shore, you can look up that value to figure out where to draw foam, at least that's how most of the examples i've seen tackle it ^^
@n41sd
@n41sd Год назад
@@BramwellWilliams I've seen something like this, but not for this application, it has an excellent channel (but it's been stopped lately) talking a little about it in Godot, I'll search for this application! Thanks. Link: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1b5hIMqz_wM.html
@Hafgandil
@Hafgandil Год назад
Do the foamy thingy, pulees
@Goemoe_
@Goemoe_ Год назад
First great tutorial. I love your tuts on Godot 4, especially the shader system. Do you have one on lighting as well? ;-) When doing this tut in Godot 4 beta 10, I don't get the vertex function in the viewport. Only the little preview window of the shader shows, what should be visible in the viewport.
@Goemoe_
@Goemoe_ Год назад
checked it in Beta3. Don't know why, but I only get the vertex shader function in the little preview window, not in the "game" neither in the editor, nor with F6. Anyone any idea? (did follow the steps twice)
@Goemoe_
@Goemoe_ Год назад
found it: my plane was stretched to an extend, the ripples were no longer visible...
@AlexRadu95
@AlexRadu95 Год назад
​@@Goemoe_ I have the same problem at this moment, though my plane isn't stretched. If I put the shader on a sphere, the vertex shader functions like it's supposed to. If I put it on a plane or a cube, the whole cube goes into colvulsions.
@jorischotan4245
@jorischotan4245 Год назад
I dоwnloaded everything is okay
Далее
Tutorial: Improving 3D Water in Godot 4
15:56
Просмотров 17 тыс.
Tutorial: Stylized Grass in Godot 4
39:26
Просмотров 33 тыс.
How to Measure ANY Cliffs Height with a Rock
00:46
Просмотров 12 млн
Pretty Much Everything About GPUParticles in Godot 4
24:13
3D Perlin Noise Shader Tutorial - Godot
18:14
Просмотров 1,5 тыс.
10+2 AWESOME ADDONS for GODOT 4
8:36
Просмотров 131 тыс.
choosing a game engine is easy, actually
15:08
Просмотров 351 тыс.
How Games Make VFX (Demonstrated in Godot 4)
5:46
Просмотров 326 тыс.