Create a New Scene with Area3D as root
Create a New Scene with Area3D as root
Rename it to Lava
Rename it to Lava
Add a MeshInstance3D as child
Add a MeshInstance3D as child
Embedded Files
Select the MeshInstance3D
Select the MeshInstance3D
In the Mesh Property
In the Mesh Property
Add a new PlaneMesh
Add a new PlaneMesh
Set the size to 10.m x 10.m
Set the size to 10.m x 10.m
In the Geometry Section
In the Geometry Section
Find the Material Override property
Find the Material Override property
Add a new ShaderMaterial
Add a new ShaderMaterial
Expand the Material
Expand the Material
Add a new Shader
Add a new Shader
Save it as Lava.tres
Save it as Lava.tres
Right-Click on the Material
Right-Click on the Material
Choose Save As
Choose Save As
Enter lava_material.tres
Enter lava_material.tres
Open the visual shader editor
Open the visual shader editor
bottom panel
bottom panel
We need to adjust the colour (Albedo)
We need to adjust the colour (Albedo)
We need to make it glow (Emission)
We need to make it glow (Emission)
We need to make it move (UV)
We need to make it move (UV)
So the two outputs we will send input to are Albedo and Emission
So the two outputs we will send input to are Albedo and Emission
Right-Click in Empty Space
Right-Click in Empty Space
Add a New Node
Add a New Node
Search for Texture2D
Search for Texture2D
In the Texture Dropdown
In the Texture Dropdown
Choose New GradientTexture1D
Choose New GradientTexture1D
To create the lava colour gradient
To create the lava colour gradient
Click on the new GradientTexture1D
Click on the new GradientTexture1D
In the Inspector Gradient property
In the Inspector Gradient property
Double-click the Far left rectangle
Double-click the Far left rectangle
I used a bright yellow colour
I used a bright yellow colour
Click in the middle of the colour gradient
Click in the middle of the colour gradient
To add another colour point
To add another colour point
Double-click this rectangle
Double-click this rectangle
I used an orange colour
I used an orange colour
Double-click the far right rectangle
Double-click the far right rectangle
I used a red colour
I used a red colour
Connect the Texture2D
Connect the Texture2D
Color to the Output
Color to the Output
Albedo and Emission
Albedo and Emission
To create the texture of swirling blobs of lava we will make use of noise
To create the texture of swirling blobs of lava we will make use of noise
What is Noise?
What is Noise?
Noise is a mixed up pattern which adds randomness, surface irregularities, and realism to textures. noise is an aesthetic choice and often affects how things look. One of the most famous types of noise is Perlin Noise
Noise is a mixed up pattern which adds randomness, surface irregularities, and realism to textures. noise is an aesthetic choice and often affects how things look. One of the most famous types of noise is Perlin Noise
Perlin noise is a type of gradient noise developed by Ken Perlin in 1982. It has many uses, including but not limited to: procedurally generating terrain, applying pseudo-random changes to a variable, and assisting in the creation of image textures.
Perlin noise is a type of gradient noise developed by Ken Perlin in 1982. It has many uses, including but not limited to: procedurally generating terrain, applying pseudo-random changes to a variable, and assisting in the creation of image textures.
Right-click empty space
Right-click empty space
Add a Texture2D node
Add a Texture2D node
For the Texture add a
For the Texture add a
NoiseTexture2D
NoiseTexture2D
Click on the NoiseTexture2D
Click on the NoiseTexture2D
In Inspector set Seamless to On
In Inspector set Seamless to On
In the Noise property add a New FastNoiseLite
In the Noise property add a New FastNoiseLite
Click on FastNoiseLite to expand it
Click on FastNoiseLite to expand it
Set the Noise Type property to Cellular
Set the Noise Type property to Cellular
Set Fractal Type to None
Set Fractal Type to None
Set Jitter to 0.75
Set Jitter to 0.75
Connect the Noise Texture2D UV
Connect the Noise Texture2D UV
to the Gradient Texture 2D UV
to the Gradient Texture 2D UV
To make the noise texture move
To make the noise texture move
We must control the position (UV)
We must control the position (UV)
Right-click empty space
Right-click empty space
Add a UVFunc Node
Add a UVFunc Node
Set the Function to Panning
Set the Function to Panning
Connect its UV out to the NoiseTexture2D UV
Connect its UV out to the NoiseTexture2D UV
UV only controls position
UV only controls position
(X, Y Coordinates)
(X, Y Coordinates)
To move these coordinates
To move these coordinates
We must change the offset over time
We must change the offset over time
Right-click empty space
Right-click empty space
Add a time node
Add a time node
Connect it to the UV offset
Connect it to the UV offset
Now the lava is flowing too fast!
Now the lava is flowing too fast!
To reduce the speed
To reduce the speed
Set the scale of the UVFunc
Set the scale of the UVFunc
To 0.01 on X and Y
To 0.01 on X and Y
Let's get some lava flowing in the
Let's get some lava flowing in the
opposite direction at a different speed
opposite direction at a different speed
Add another UVFunc node
Add another UVFunc node
Set scale to -0.02 on both
Set scale to -0.02 on both
Add another Texture2D node
Add another Texture2D node
Add a NoiseTexture2D
Add a NoiseTexture2D
Connect it up as shown
Connect it up as shown
Click on the NoiseTexture2D
Click on the NoiseTexture2D
In the Inspector turn Seamless On
In the Inspector turn Seamless On
In Noise property add a New FastNoiseLite
In Noise property add a New FastNoiseLite
Expand it and set Noise Type to Simplex Smooth
Expand it and set Noise Type to Simplex Smooth
Set the seed to 1
Set the seed to 1
Set Fractal type to None
Set Fractal type to None
To combine the two textures
To combine the two textures
We multiply their UVs to get
We multiply their UVs to get
A single output
A single output
Right-click empty space
Right-click empty space
Search for multiply and add it
Search for multiply and add it
Then hook up the connections
Then hook up the connections
Finally, to improve the look and make
Finally, to improve the look and make
Gradient changes smoother,
Gradient changes smoother,
Right-Click empty space
Right-Click empty space
Add a SmoothStep Node
Add a SmoothStep Node
Reduce edge1 to 0.5
Reduce edge1 to 0.5
Connect everything up
Connect everything up
You should now have a working Lava Shader!
You should now have a working Lava Shader!
Page updated
Google Sites
Report abuse