Single Layer Water | 5-Minute Materials [UE4/UE5]
Вставка
- Опубліковано 5 лют 2025
- Today we're looking at the Single Layer Water shading model in Unreal Engine! (also known as singlelayerwater). This shading model is unique as it looks completely translucent, but is actually opaque due to a separate pass being rendered. This can be used for things like water, interactive water, rivers, oceans, glass, crystals and much much more, since it also factors in refraction!
Enjoy!
----------------------------------------
Patreon: / prismaticadev
Discord: / discord
Twitch: / prismaticadev
Twitter: / prismaticadev
UA-cam: / prismaticadev
----------------------------------------
Computer Specs:
Ryzen 3900x 12-core CPU
MSI Geforce RTX 2080 Super
64GB Corsair RAM
One of those fancy nvme m.2 SSD's
Programs of choice:
Unreal Engine 4 - (Game Dev)
Blender 2.8 - (Animation and Modelling)
OBS - (Video/screen capture)
Davinci Resolve - (Video editing)
Adobe Photoshop - (Graphics and Texturing)
Quixel Mixer - (Texturing)
ProTools 11 - (Compositions and mixing)
OldSchool Runescape - (Chillax time)
Filmed using:
Sony A7s2 body
Sony 24-70mm f/2.8 GM lens
Yonguo YN360 LED's for colour
Yongnuo YN760 chip LED w/ Godox softbox for key
My lovely cats names are Boycat, Girlcat and Ladycat :)
![Add, Subtract, Multiply & Divide (Shader Math) | 5-Minute Materials [UE4/UE5]](http://i.ytimg.com/vi/IUZ1exyk6hw/mqdefault.jpg)
![Add, Subtract, Multiply & Divide (Shader Math) | 5-Minute Materials [UE4/UE5]](/img/tr.png)
![Reducing Draw Calls in Unreal! [UE4/UE5/Blender] (Check Description!)](http://i.ytimg.com/vi/ncwW5KNQ1Eg/mqdefault.jpg)
this channel has honestly become a gold mine about niche UE4 topics and I'm here for it
Haha hope you're looking forward to more nuggets!
For anyone coming across this video with 5.4 and doesn't see their ripples, I believe refraction is disabled by default? If it is disabled, you can search "Refraction" in the materials details panel and select "Index od Refraction" from the drop box and you should be gucci
hmm this didnt work for me.
@@mehface me either
it worked for me
worked for me! thank you :D
Really appreciate these little videos. I've been working on my project for years and have a spline-based procedural river system which is an absolute nightmare - one of the biggest headaches was that overlapping polygons and whatnot of the meshes would cause artifacts cos of the translucency doubling up. Never knew about single layer water as an option, and this video made it very clear and succinct how it works - and since it's actually opaque it doesn't cause the artifacts.
Of all the dev channels I follow, yours is the one that consistently helps me in my project the most, and I'm really impressed with what you've done with your own game. Thanks for this
Yes, it's absolutely perfect for doing things like waves and avoids overlap! I appreciate the really kind words :)
Press 1 and left mousebutton to create a Note. You can also use 2 or 3. In case someone didnt knew that.
thank you
Exactly this. Thanks!
my saviour!
Literally came in the comments to look for this. Life saver
thank you I actually got pissed he didn't tell how wtf he did at the second node.
Anyone having trouble with the refraction moving the whole plane: You need to activate "generate distance fields" in PROJECT SETTINGS, too! It is not default active in higher versions of unreal. Greetings :)
Thank you Legend :>
still have flickering after i turned it on ....
What fixed this shadow/refraction jumping issue for me was making sure whatever ground geometry is under the water plane has affect distance field lighting set to false.
Epic: "Check out our new water system in 4.26!!"
Charlie: "Nah, ill just make something more simple and easy while also looking awesome."
Haha I love making things from scratch because it's much easier to make it do specific things, where as using the pre-existing stuff often comes with limitations since they were specifically designed for a specific use case
@@PrismaticaDevAnd it makes it easier to adjust since you know how it was put together.
@@bobcharlotte8724 That's exactly right :) It's always worth having a go at DIY
I stumbled upon your videos recently (like a week ago) and I must say I have learnt so much :) Thank you for all of these tutorials ^^
Got a tip for you. If you use a one minus after your absorption then you can actually choose your water colour exactly in your instance, rather than always working with opposites..
Haha I don't know why I hadn't thought of that before!
I have this issue in VR mode with my quest 2 where there's glitchy lines on the water & the reflection is so off. Looks great when simulating in Unreal but when I put the VR headset on it looks weird and laggy. Would you happen to know why? It's a custom water plane, nothing too fancy. Thanks! 🙂
Refraction is not fully supported for Mobile/Quest platform, mostly its faked with cubemaps
Bro. Better results in 3 minutes than an hour and a half epic live stream. Immediate sub.
Finally i've found a great explanation how to work with single layer water, not with experimental water plugin (UE5, it's very buggy at the moment).
If you still have some issues with the refraction, you can alternatively change Index of Refraction to Normal Pixel Offset in the material settings which distort the picture based on the normal map.
It is not physicaly accurate by any means and without normal map it does nothing (not great for still water) but it does not have the weird reflection artifact near the shore. See UE4 documentation.
Literally how dare you be this good.
I'm sorry :((( I just have too much spare time haha
I was in a hurry once (school deadline) and needed a shallow stream for a small ditch, which i tried to follow Ben Cloward's huge water series to do lmao, this would've been perfect to do instead... 😂
Your channel has taught me more about shaders with this little series than my school ever will tbh.
(Edit: Ben's channel is great btw, just in case it came across differently)
Haha it's apples and oranges - there are always multiple ways to do anything! And I love Ben's videos myself, he's an incredible presenter :)
Thank you! By the way, if you use 0 for metallic, specular and 1 for roughness, the number of instructions will be significantly reduced for stylized water
Folks at the UE Streams should learn a thing or two from you. Straight to the point. No bullshit.
So glad you made this, translucency is just not very good with the cel shader and my game is stylized so I was just not going to have translucent water but this looks great and I think refraction and "translucency" will look way better in my game overall
For me, the "DistanceToNearestSurfase" doesn't work like in the video. Whole water area just bounces. Turning "generate distance fields" on doesn't help.
I have the same issue!
select water plane and uncheck "Affect distance field lighting"
awesome work dude !!
Another great video. I had water working well enough on my own, I knew Single Layer Water existed, but I never experimented with it for some reason. Thanks for showing me the possibilities :)
Glad to hear it Tianni :) I think SLW was gone under everyone's radar but it's actually super useful haha
wait i could make water in 1 minute? you're awesome thanks !
Phase G is actually the anisotropy that controls light reflection onto the water
When you zoomed in on the kitty… I’d subscribe to your channel a thousand times.
alright video, I don't like how only half the screen is shown because at multiple points in the video I am noticing the settings of things are changing without it even being mentioned. Also, this video has a lot of add this here without even saying what 'this' is
That tutorial is really cool but, have a lot of cut and a lot of node appears, i'm a bit lost even if i can have a good water at the end without all that new nodes
I felt educational entertained. ;D Thank you for helping out! :))
In UE 5.1 you need to disable nanite for the water plane, otherwise it will cause the engine to crash
OMG! thanks :D
Thanks for heads up
Do you know if that's still an issue in 5.3? I intend on using nanite for my project if possible.
Both educational and entertaining :) Thanks Charlie!!
Haha I'm glad to hear it! You're very welcome :)
You're covering things that I've never seen others have ever covered.
love the ruenscape music
that was an excellent video, I'm going to be testing this shader on vr with forward shading and see what happens :)
Oooh yes! Please let me know how it goes - hopefully it's a great alternative to Translucency
@@PrismaticaDev sure! I will do it today
I did it and shared it on the discord, for anyone reading this, yes this water is cheaper than traslucent water, specially in forward rendering, and looks perfect in VR
"Let's just create a plane" *drops gigantic picture of his head* love it lmao
Refraction must go 1.33, the reason you see it wrong is because on the root is default “index of refraction” but you have to select the second option which is more fitting for larger surfaces like water
where di dyou get the texture sample from for the colour scale behind water bit at 4:30
It's just a cloud noise texture that I made in photoshop. You should be able to find some in the engine files :)
@@PrismaticaDev yeah I realised afterwards, I’m getting back into the whole dev thing after a pretty long break. 😅
Thanks tho
Dude, this is gold.
What a great tutorial!
ty for this helpful tutorial!
Do you know if there's a way to tune the Fresnel angle within a material using the Single Layer Water Shader? I want my reflections to be more prominent at steeper angles of view. Love your content, btw...some of the best on YT!
Have to love the “Forest” track, one of my favorites
Awesome 👏 can’t wait to try this out
Happy to hear it - let me know if you run in to any issues my dude :)
Can someone tell me how did he reduced the base pass shader count from 608 to 133 in minute 7:59?
If the opacity is a constant 0 or 1, it doesn't have to render both "versions" of the shader.
Also, only using one of Absorption/Scattering will reduce the complexity as well. Keep in mind, however, that instruction count isn't a very accurate way to measure performance of a shader since all instructions have different costs (an Add an a Texture Sample are 1 instruction each, but one may be 100x more expensive than the other)
@@PrismaticaDev can i send you a screenshot of what im working on? i still have like around 700 instructions
@@albertusugd3100 700 is quite normal for a SLW shader. If you're using unreal 5 they might have changed the way the instructions are calculated (more accurate to performance etc)
Feel free to chuck a screenshot in the discord :)
the little waves on the edge of the water is there BUT its soo small idk how to make it more visible
0:20 cat vibing in the background
There are always cats vibing in my studio :P
Great Video! Can you please make a video about flowing water like we can see in the background? 0:40
For anyone who is encountering weird issues, i.e., normal maps not working, make sure you have the refraction method set to Index of Refraction in the material details.
Amazing, as always!
Hey Charlie, how did you go about making the sparkles in your water?? I think it looks amazing and I would love to do something similar.
Awesome tutorial, thanks you :D you gained a subscriber.
elegantly done.
Just wondering how you got the zeros to come up with just a click? I can't seem to find an answer online so I'm guessing it was a hotkey? Thanks in advance and I appreciate the uploads!
Nevermind, the Unreal Engine 5 facebook group had the answer. Just hold 1 and left click the grid pattern in the material window :)
@@bronsoncjmj Was just about to answer but you've already got it! There are a tonne of useful little shortcuts like that
@@PrismaticaDev thanks!
I noticed that when you add foam effects, the water surface at the junction with rocks and the shore becomes abrupt. How did you resolve this issue? Similarly, I encountered a problem where adding environmental reflections to the water surface caused the transparency at the edges of the single-layer water to lose its smooth transition. I would appreciate your response. Thank you.
Fantastic video, thanks, you're a life saver!
My refraction is disabled In the Mat , even with the distance field in settings ON , any ideas on how to fix it ?
You are incredible! very cool presentation of information, very nice to watch! thanks
Thx
Wow thanks for the tutorial it gived a big level up to my project!!
Wow! I'm just desperate to know how you make the full ocean material.
Amazing video :)
Thank you
Another great video!!!
Cheers Chris! Hope you learned a new trick :)
Im a new subscriber bc this seems like such a good game!
Thanks James
This foam awesome!
Thanks mate! :)
where did you find the texture for caustics?
this tutorial was very useful, thanks, Gyro.
Inspiring! Definitely will tune in and try to learn.
Very cool effect. Great work as always.
Got to say I really love your videos! It helps me a lot in learning more about everything shader related into Unreal.
I was wondering how did you manage to make your foam work around your character? (9:12)
I tried some stuff like adding basic static meshs onto the character bones (since distance fields doesn't work with movable meshs) but I just can't figure it out!
Do you plan to do a video on that? That would be awesome! :)
Heya Victor! The foam around the character is actually a completely different system that uses a render target and a depth capture - it's the exact same method as my landscape interaction stuff. I'll be making a video on it in the future :)
@@PrismaticaDev Thanks, I'll be checking your landscapes videos and keep on trying while waiting for new content!
Keep up the great work, your channel is awesome!
Just wondering where you got the cloud noise texture? would love to use it if thats ok? great tutorial for water:)
The foam, and the green stuff being removed, are you doing that with renderTargets and SceneCapture? I love you dude, your tutorials are the best!
Came for shader stuff, watched the cat all along
How would you go about adding reflections to the water? They don't work by default. The only way, as fa as I know for now, is by adding SSR reflections to your post-process volume which sadly prevents you from using Lumen reflections in your scene. Planar reflections also doesn't work on single layer water.
Specular = 1
@@nether6209 No smart ass. There was no reflections for the single layer water. But it has been added with the latest update of the engine around a month ago. Thank me later.
@@alexanderalikin1210 ? what's the reason for rudeness? I was trying this today and your comment had no reply. You're a poor excuse of a human being. Also I have no reason to thank you.
Oh wait I checked your channel and you look like a serial killer irl. No wonder.
@@nether6209 The reason for my rudeness is the fact that your answer was useless and had nothing to do with reality and with what I initially posted.
Awesome Vid! How do I put it on the world space?
Thanks great tutorial as usual
No worries :) Hope you found it useful!
4:50 where can i find that caustics effects
this is exactly what i've needed thank you :')
thank you very much for the material)))😄
how are you able to just bring up the parameters boxes without right clicking?? im curious of the shortcut key
1,2,3 = Constant Vectors / S and V=Parameters / A,D,M,S = Math Operations / T = Texture Sample and so on
Dammit. Got this working because my other water material casts weird reflections. But the shadows cast on the water of SingleLayerWater can not be soft.
Great showcase for the shader model! This might be a stupid question but how did you get your character to make ripples in the water? What I have found is that a skeletal character dosen't produce a distance field?
attach invisible cubes or spheres to your skeletal mesh and use those. One on each foot, one on the pelvis, and one on the chest.
Great content! Do you think that ~600 instructions is good? I also couldn't find a way to reduce it with dynamic water.. Also, in the last part of the video I don't know if that was the same material, but you had there 200 instruction with what seemed like the same result, how come?
Heya Mark! I wouldn’t get hung up too much on Instruction Count - it doesn’t take instruction complexity in to account so it can be quite misleading. SLW is also opaque so it doesn’t result in any overdraw/rendering pixels twice. As for the instruction difference later on, it might have been when I enabled/disabled Scattering
thaanx
im sorry i have a question the texture that you use for the caustic how did you created it?
Hello Alessia, If you have a texture node just type in caustics it will give you a caustic texture you can use. Apply a panner 2 times and the second pannes have it going opposite from the first one and you have yourself some cool-looking caustics. =)
But then how do you remove the shadows on it? Cause now shadows are just cast like any opaque materials
Set the Opacity to 0. The "Opacity" means the surface opacity, not the water opacity.
@@PrismaticaDev but I use the opacity for the cusp with distance to near.. Since 0 opacity doesnt show the color, i use the distance as an alpha
@@hugo-samson the colour of the SingleLayerWater type comes from the Absorption values, not the Base Colour. The Base Colour denotes the colour of the surface of the water
Hi man, thanks for awesome tutorial, im new to UE and i want to make game assets and sell them and try to optimize my assets from beginning, in Unreal what is that number that shown in state menu, Base Pass Shader, and how can it helps to know how much this asset or shader or... is optimize or not optimize, thanks in advance, Also i have another question, do you have any tutorial about how can i setup a nice and good optimized parallax occlusion Decal? Thanks man
SO. GOOD. :D Thank you!!
question but where did you download cloud noise?
Hello - I created it in Photoshop a while ago, but there are plenty of free noises on the internet. You can also create custom noise using Quixel Mixer and other material design apps
Oh and there are a few floating around in the engine files themselves :)
what about the. physic on the plane
how are you able to walk thought it like water
Whenever I connect the 0 value to the absorption coefficients my UE5 Crashes, is this a bug?
Im new to UE5 and Ive come from unity so i dont know if im doing something wrong
same thing here
Searching through the internet, I discovered that my graphics card might not be 100% compatible with DirectX 12. I switched to DirectX 11 in the project settings, and it worked just fine. I hope it helps you as well.
I have a problem with this "single Layer water" and my PostProcessVolume (CellShader+OutlineShader). Basically, this water surface overwrites the post-process effects.... How can I solve this problem?
Just to be sure, if anyone arrives here and wonders why it doesnt work for you.
There's a good chance you used a PLANE in a low poly asset pack, they consist of only 1 singular plane, not great to display textures on ;p
and right at the second node I couldn't follow :/ wtf is the 0 node?
If you hold 1 and left click, you'll get a Constant scalar value. You can do the same for 2, 3 and 4
What do you think about Water System Plugin and Single Layer Water when applied to the game? I'm a newbie UE and am looking for information on water generation, so SLW will probably have better performance than WSP, but WSP probably has something for Epic to spend on building it, hope you can help.
I haven't actually used any water plugins before unfortunately - I've always just used simple planes and splines for my water. However I'm sure there are some resources about alternate methods and their pros/cons
you promise to create water system but still no seriies on it :) and did you cancle the series ?
I can't find the cloud texture you used, isn't it default in the engine?
How do you get the sort of rainbow noise color texture for the caustics?
Hey, I'm using UE4.27. When I give 1 to the base color, and give a texture to opacity, the color is black. I noticed you have got white wave in your tutorial. Do you know why is this situation?
same question
found it after commenting; make sure your base color value is 1
@@charlessnix7547 I could not figure this out. I was trying to use the cel shading and incorporate the water shading and it just wasn't working. I'm finding that 0.7 is giving a nice effect thanks to your comment
@@charlessnix7547 Thanks man
Man, you are amazing. It would be very interesting if you made a waterfall.
Single layer water? Is it used for water shaders by any chance?
Hmmmm... Possibly. You never know for sure with Unreal though, right?
Thanks G
How to work with Cel-Shader, it's just black?
How did you set up the water to work with post processing? It completely ignores post processing for stuff behind the water for me somehow. I've been scratching my head over how to have the water not recieve shadows too, the post processing issue is more pressing tho since mine is also stylised.
Yeah so what's happening is that I'm doing lineart and scene depth includes the water - you can exclude that there's a function for it, but scene normals always include water ;(. And I need mine to be transparent.