[SOLVED] Underwater effect

Josetjtj123 · December 19, 2022, 9:28am

https://www.youtube.com/watch?v=UoRCA6MvDFg
Hello, I would like to know if this effect can be achieved in the game engine as if you are under water

rpaladin · December 19, 2022, 7:55pm

There is a simple GLSL shader that does this effect in legacy BGE/UPBGE.

github.com

thatimster/bge-post-processing/blob/master/filters/WATER.txt

uniform sampler2D bgl_RenderedTexture;
uniform float timer;

vec2 texcoord = vec2(gl_TexCoord[0]).st;
vec2 cancoord = vec2(gl_TexCoord[3]).st;

void main(void)
{
    texcoord.y = texcoord.y + (sin(cancoord.x*4.0+timer*2.0)*0.01);
    texcoord.x = texcoord.x + (cos(cancoord.y*4.0+timer*2.0)*0.01);


	gl_FragColor = texture2D(bgl_RenderedTexture, texcoord);
	
}

I might just port this when I have time. I’ve been thinking of adding multiple other shaders listed for that add-on to Armory as well. In the mean time, feel free to port them yourself if you’d like.

Blend3DWeb · December 21, 2022, 4:55am

I would go the other way, put a plane in front of the camera with an animation of the texture of the normals

sphere

Solved without code.

or create a symbiosis with another library

Curtains.js

separate div with z-index 2

Josetjtj123 · December 25, 2022, 11:39am

Hello, can you leave me the project in the description of the video?

Blend3DWeb · December 26, 2022, 10:15am

I plan to work with this, too, to get an Armory3D: The Way of Water

Blend3DWeb · December 26, 2022, 10:26am

4 days and I’ll show you an example. The examples from the video work in other engines

Josetjtj123 · December 26, 2022, 9:00pm

Hello, do you have a YouTube channel?

What game engine do you use unity unreal

rpaladin · December 26, 2022, 10:28pm

I believe it’s this one:

Blend3DWeb · December 27, 2022, 2:41am

on the website and the channel of work in different libraries. But polygonal webgl requires something else, so here we are)

Blend3DWeb · December 28, 2022, 10:00am

Good day to all. Test option. Perhaps someone will update. But from the nodes turned out porridge)))

animation_water.blend (481.9 KB)

Blend3DWeb · December 28, 2022, 10:03am

decrease in the speed of time!

knowledgenude · December 28, 2022, 11:27am

Here is a water material template, but it doesn’t have the underwater shader. I can’t upload the zip file, so keep all this files in the same folder before opening the blend file in blender…

You can achieve underwater effect by checking if the position of the camera is below the plane, that can be done with a volume trigger or a simple if statement using the Colorgrading nodes

water.blend (1.0 MB)
flowmap

Blend3DWeb · December 30, 2022, 7:20am

Or maybe put an airplane in front of the camera with the same material and transparency. As an option.
Or change the material when crossing certain objects, if it is important not to be constantly in the aquatic environment.

displace

Blend3DWeb · January 2, 2023, 7:49pm

useful here for the future

rpaladin · January 10, 2023, 7:21pm

Hey @Josetjtj123, Armory now ships with a distort shader: New compositing distort shader by rpaladin · Pull Request #2751 · armory3d/armory · GitHub. If you can’t wait for the next release to try the changes, feel free to update your armsdk via Git or manually copy-paste the changes to your local files.

As mentioned in the PR, with a LUT or colored overlay, a convincing underwater effect can be implemented. @ Blend3DWeb and @ knowledgenude have both made some excellent demonstrations of this.

If this shader wasn’t what you originally wished for (You’ve removed the video, so it’s difficult to visualize the shader), feel free to make more suggestions.