UE4 "Starter Content" has 2 water materials - ocean and lake.
These two materials are great to use in your environments and to study how water is created.
But there is a problem with these materials.
If you apply ocean or lake water material onto any large Static Mesh plane, the texture will be stretched out, distorted and unusable.
Here is the default Ocean material applied to a Static Mesh plane scaled 1,000x:
The material works if you apply it to a small enough surface:
But for a large body of water such as an ocean - you run into a problem.
Ideally, the water material should tile automatically no matter how large you scale your Static Mesh. But this isn't the case with "Starter Content" water materials.
I encountered this issue when I wanted to add water into a prototype scene I was working on. I didn't want to create a water material from scratch; I just needed to see how the scene would look with water.
The purpose of prototyping is to get something going quickly, without having to spend unnecessary time creating extra content when you don't need to. If you like how the prototype looks, then you can spend the time creating custom content later.
So after I applied the ocean water material onto the plane, it was stretched out and unusable. I could have ignored it and just created my own material. But I had to solve this.
In the process I learned a lot about how Epic Games created their water material and how I would begin approaching to create my own in the future.
How did I solve it?
I solved it by adding parameters to the existing water material and then creating a Material Instance to control the scale and speed of large/small waves to make it work for any size surface.
This tutorial covers a lot of things that'll help you understand how water is created, how to add controllable parameters and how to change them via Material Instance.
Before we get into the solution, let's run through possible ideas that "could" make the "Starter Content" water work.
I will use a simple, flat plane and scale the plane to a large value - to cover the area where I want water to be. In this case, "Starter Content" ocean and lake materials will be stretched and distorted.
So then, I can either:
We'll be adding this functionality into the material to change via Material Instance.
I will be using a default level which already contains 4 important actors that makes exterior water surfaces work:
Go to "File > New Level" and choose "Default":
Insert a flat plane into your level. This will be the surface of the water - the Static Mesh you will apply water material onto.
I used "Plane_Shape" Static Mesh from "Starter Content". You will find this inside "Starter Content/Shapes" folder:
Scale the plane to cover the area where you want the water to be in. I scaled mine to:
The scale of the plane doesn't matter but values you end up using in water Material Instance will be different based on the size of the plane.
If you are following along, use the same values until you understand the process.
Select the "Shape_Plane" and disable "Collision Presets: NoCollision":
Inside "Starter Content/Materials" folder there are two water material examples:
We'll only work with "M_Water_Ocean" material. After going through this tutorial you can repeat the same steps for "M_Water_Lake".
Select "M_Water_Ocean" and press "Ctrl+W" to duplicate the material. I kept the duplicated name, "M_Water_Ocean1":
Reason I duplicated it, is because I don't want to change anything in the original material.
Inside this duplicated "M_Water_Ocean1" material is where we'll be making all the changes.
Inside "Content Browser", right-click on "M_Water_Ocean1" material and choose "Create Material Instance":
I named mine "M_Water_Ocean1_Inst":
Material Instance is a great and inexpensive way to edit the look of your material in real-time without having to recompile after every change.
Right now, the only parameters that are set up by default in the Material Instance are "Water Base Color", "Wave Crest Color" and "Noise Speed":
Apply the "M_Water_Ocean1_Inst" onto the plane. The water texture will be stretched and distorted:
Make sure you apply the Material Instance to the Static Mesh plane and not the Material.
We are now ready to add parameters into the material to make the water tile properly.
Double-click on the duplicated "M_Water_Ocean1" material to open "Material Editor".
There are 3 sections that we can break water material down into:
Large waves are visible in the distance, far away from the player.
Let's add controls for large waves scale, speed and noise speed. After we are done we'll have the following parameters inside the "Material Instance":
In "Normal Texture Samples Create Large Waves" section:
click on image to view full size
We need to make a parameter for "TexCoord" and for "Panner", which control scale and speed of Normal Map texture that creates large distant waves:
Select "TextCoord" node and take a look at Details panel, you will see that U and V Tiling are set to specific values, "UTiling: .05" and "VTiling: .08":
Same for "Panner", which has "Speed X: -.03" and "Speed Y: -.02":
These are the values we want to change through the Material Instance.
"Texture Coordinate" nodes can be made into parameters by using "Multiply" and "Scalar Parameter" nodes:
"Scalar Parameter" node is the same node as a "Constant" node that has been converted into a parameter.
If you want to control U and V tiling separately then you need to use 2 "Scalar Parameters" connected into "Append", then "Multiply" with "TexCoord" nodes:
Shortcut: Hold S and Right-Click = insert a "Scalar Parameter" node
I will keep mine as a single value. You can break them up into 2 controllable parameters if you want to.
Rename your "Scalar Parameter" node to "Large Wave Tiling":
Set "Large Wave Tiling" node "Default Value: 1":
Do the same thing for "Panner" by creating a "Scalar Parameter". Rename it to "Large Wave Speed" and connect it into "Speed" of the "Panner":
Set "Large Wave Speed" node "Default Value: -.03":
Last is "Noise Speed" (default: .4) which can be found under "Sine Controlled Panning Normal Texture". This controls the back/forth water movement speed. This is already a parameter:
All we need to give it a better name, such as "Large Wave Noise Speed":
We'll now add the following parameters:
In "Sine Controlled Panning Normal Texture" section we'll need to add 2 parameters.
First is for controlling the movement tiling for large waves, this is a "TexCoord" hooked up to "Panner" Coordinate input:
Default value of this "TexCoord" are "UTiling: .18" and "VTiling: .15".
Let's add "Scalar Parameter", rename it to "Large Wave Movement Tiling" then use "Multiply" node and plug it into "Coordinate" input of the "Panner" node:
Change "Default Value: 1":
Just as before, I will control both U and V Tiling at the same time, but you can break them up using "Append" node to separate U and V Tiling into their own individual parameters.
Second is the "Absolute World Position" divide mask (Default Value: 150), which helps to breaks up noticeable repetition of the large waves:
For this all we need to do is right-click on the "Constant (150)" node and choose "Convert to Parameter":
Rename it to "Large Wave World Position Tiling":
Keep the "Default Value: 150":
Small waves will be visible up close, near the player.
There are 2 parameters we need to add. Both are inside "Normal Texture Sample Creates Small Waves" section:
We will end up with the following parameters:
First is small wave tiling.
"TexCoord (Default: .75)" controls Normal Map texture tiling of small waves. Insert "Scalar Parameter" node and rename it to "Small Waves Tiling". Then, insert "Multiply" and connect "Scalar Parameter" and "TexCoord" into it:
Set parameter "Small Waves Tiling" to "Default Value: 1":
Second is small wave speed.
"Panner" controls the speed of small waves. Panner's speed default values are: -.07.
Insert "Scalar Parameter" and rename it to "Small Wave Speed" and connect "Scalar Parameter" into "Panner" speed input:
Set "Default Value: -.07":
Last part of all this is the ability to control the switch transition between Large and Small waves. This is done in "Create a Gradient Far Away From the Camera" section.
There are 2 values for this, one plugged into "Subtract" and second is plugged into "Divide":
We only need the second one that has a value of 2000, the one that is connected into "Divide":
Right-click on the "Constant (2000)" node and "Convert to Parameter":
Rename to "Wave Transition Small to Large":
Set "Default Value" to "2000":
Make sure you hit "Apply" and "Save" the Material:
There are additional parameters that don't add any significant changes to the water material, so I left them out. But you can experiment to see if you get any changes.
Large Scale Tiling:
Modulate Pixel Depth with Noise:
Panner Sine Speed:
We can now go into the "Material Instance" for "M_Water_Ocean_Inst" and begin tweaking values:
First begin changing Large Waves. Move your camera away from the water and begin adjusting:
Second, move your camera closer to the water and begin adjusting:
Last, adjust the transition value between small and large waves:
Final values I used for "Shape_Plane" Static Mesh that is scaled to 1000x:
Dark gradient on each side of the screen when you are looking at your water is due to either a lack of Sky Light or Reflection Capture:
Make sure you have a Sky Light in your scene and it is set to "Stationary" and that you have a "Sphere Reflection Capture" in your scene:
Make the water plane blend better into the scene at the horizon by inserting "Exponential Height Fog".
"Visual Effects > Exponential Height Fog":
Exponential Height Fog creates more dense fog in low places and less dense fog in high places. The values you change will depend on the scene. For this example I used:
Without/With "Exponential Height Fog":
Final result of the water in the scene:
Next Tutorial: UE4: How to Create Your First Decal Material
All content on this website is copyrighted ©2008-2023 World of Level Design LLC. All rights reserved.
Duplication and distribution is illegal and strictly prohibited.
World of Level Design LLC is an independent company. World of Level Design website, its tutorials and products are not endorsed, sponsored or approved by any mentioned companies on this website in any way. All content is based on my own personal experimentation, experience and opinion. World of Level Design™ and 11 Day Level Design™ are trademarks of AlexG.
Template powered by w3.css