Tutorial: Simple 3D Water in Godot 4

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

КОМЕНТАРІ • 87

  • @BoredPodcaster
    @BoredPodcaster 6 місяців тому +7

    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 Рік тому +13

    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. :)

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

    Thank you so much! This was an awesome tutorial, I had no idea this could be done in Godot!

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

    This is a slick tutorial! You’ve definitely put a lot of effort into making sure everything is clear and legible

  • @looloolala5000
    @looloolala5000 2 роки тому +9

    Really appreciate how thorough your tutorials are. Thank you!

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

    I've always found shaders intimidating. I didn't even know Godot had a Visual Shader feature! Thank you for such a great video where everything is explained and you made shaders feel less scary :)

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

    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!

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

    This is such a good tutorial, I really liked how you took the time to explain each step!

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

    No way 1 year ago I searched all youtube videos, youtube channels and even GPTs and ONLY 1 year later, youtube recommended me this video.

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

    You've gained two subs, my m8 and I are starting on a project, and you've been a lot of help!

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

    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

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

    Great tutorial & great introduction into shaders in general, thanks! 👍

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

    Amazing and simple! Thank you!

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

    After this well explained tutorial its a automatic subscribe for me, thank you

  • @MP-pv4eb
    @MP-pv4eb Рік тому

    thorough, easy to follow tutorial. Thank you so much.

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

    Really great intro to visual shaders, would love to see a depth check tutorial!

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

    actually this is a pretty good intro to shaders in Godot. thanks man

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

    Your tutorials makes everyone smile! ^^😇 Keep the good work! ^^

  • @CharleyDonar
    @CharleyDonar 4 дні тому

    THANK YOU!

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

    That was insanely helpful, thank you

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

    Thank you. You made it understandable and easy to follow along.

  • @victorlacasse-beaudoin9287
    @victorlacasse-beaudoin9287 Рік тому

    Very cool and straightforward, also very well explained. Keep up the awesome work!

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

    Bramwell's voice is like smooth butter

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

    Well put together!

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

    Thank you for this great tutorial!

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

    nice very good tutorial and good explanation

  • @dueddel
    @dueddel 2 роки тому +2

    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!

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

    Great video. Made it look so easy! 👍

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

    Yes I was interested

  • @pleasedontwastefood
    @pleasedontwastefood 2 роки тому +4

    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  2 роки тому +2

      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 😅

  • @kallelfiori9767
    @kallelfiori9767 2 роки тому

    Would be REALLY nice to have a video about this foam effect, for the first time ever i think i'm understanding shaders :)

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

    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 :)

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

    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 :)

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

    it works great! Thank You!! 👌👌

  • @alexskoropletov6146
    @alexskoropletov6146 2 роки тому

    That was a great tutorial! Thank you

  • @owdoogames
    @owdoogames 2 роки тому +7

    I think the chapter times and titles are incorrect in this video - they seem to be for a first person controller!

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

    Good stuff, thanks man!
    How would one go about creating the water underneath, if a player were able to go in the water?

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

    Great Tutorial!
    Can you make a Tutorial in addition to this one on How To Add Water Depth Shader?

  • @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

  • @UnityGamer2077
    @UnityGamer2077 2 роки тому +1

    Nice, Please make an interactive grass shader Tutorial

  • @valters-tomsons
    @valters-tomsons 2 роки тому +2

    Great video! The chapter timestamps are from another video though.

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

    Thank you

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

    you are a genious!

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

    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

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

    i never touch godot shader but as a blender user too i think i can use the visual shader hopefully

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

    One of the best content creators tor Godot right now

  • @谢朋刚
    @谢朋刚 Рік тому

    Love the voice, Love the video.

  • @ThunderPlayStudios
    @ThunderPlayStudios 2 роки тому

    Thanks you for this tutorial. great tutorial great tutor

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

    ty so much

  • @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.

  • @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.

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

    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?

  • @espaceneo
    @espaceneo 2 роки тому

    ur a fcking legend dude honestly

  • @tzerland
    @tzerland 2 роки тому +1

    👍👍

  • @generrosity
    @generrosity 2 роки тому

    goooorgeous!

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

    Do you have an idea how to add splashes when something is dropped to the water or character walking in the water?

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

    so fuckin cool, great tut!

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

    Hello how do I make the shader repeat with the size of the plane?

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

    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 8 місяців тому

      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

  • @pascalcasier959
    @pascalcasier959 2 роки тому

    GREAT !!!!

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

    Noway I've just followed a tutorial made by the guy who did GameDevTV tutorial I initially followed

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

    thx =)

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

    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.

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

    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.

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

    Do the foamy thingy, pulees

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

    what about glow on openGL ?
    I downloaded godot 4.1 and this shit not work :c

  • @n41sd
    @n41sd 2 роки тому

    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  2 роки тому +1

      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 2 роки тому

      @@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: ua-cam.com/video/1b5hIMqz_wM/v-deo.html

  • @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.

  • @BrickWall-Studios
    @BrickWall-Studios 6 місяців тому

    not expecting a reply since nobody elso got one, however how do i scale it up without it looking goofy

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

    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

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

    can I use this tutorial in godot 3.5.1

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

    How would you make the water murky?

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

    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 10 місяців тому

      NVM, i figured it out. The larger the plane the higher the normal node needs to be multiplied by.

  • @starkerrobert
    @starkerrobert 2 роки тому

    can objects interact with the water?

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

    I dоwnloaded everything is okay

  • @meathook7
    @meathook7 26 днів тому

    The best part is when you had to explain how copy and paste in godot isn't like anything else in the world. You change one thing you end up changing the other also. How maddening. I have no idea how anyone gets anything to work with this piece of garbage.