how to add realtime planar reflections to my water shader?

DJMaesen

xyz
hmm that messes up my shader somehow.

shader_type spatial;
render_mode blend_mix,depth_draw_opaque,cull_back,diffuse_burley,specular_schlick_ggx;

uniform vec4 albedo : source_color;
uniform sampler2D texture_albedo : source_color,filter_linear_mipmap,repeat_enable;
uniform sampler2D t: hint_depth_texture;
uniform float roughness = 1.0;
uniform sampler2D texture_metallic : hint_default_white,filter_linear_mipmap,repeat_enable;
uniform sampler2D texture_roughness : hint_roughness_gray,filter_linear_mipmap,repeat_enable;
uniform float specular = 0.5;
uniform float metallic = 1.0;
uniform sampler2D texture_normal : hint_roughness_normal,filter_linear_mipmap,repeat_enable;
uniform float normal_scale = 1.0;
uniform vec3 uv1_scale = vec3(1.0,1.0,1.0);



uniform float FOV = 40.0;

void vertex() {
	texture(t, UV);
	UV=UV*uv1_scale.xy;
	
	float onetanfov = 1.0 / tan(0.5 * (FOV * PI / 180.0));
	float aspect = VIEWPORT_SIZE.x / VIEWPORT_SIZE.y;
	PROJECTION_MATRIX[1][1]= -onetanfov;
	PROJECTION_MATRIX[0][0] = onetanfov / aspect;
	POSITION = PROJECTION_MATRIX * MODELVIEW_MATRIX * vec4(VERTEX.xyz, 1.0);
	POSITION.z = mix(POSITION.z, 0, 0.997);
}

void fragment(){
	vec2 base_uv = UV;
	vec4 albedo_tex = texture(texture_albedo,base_uv);
	ALBEDO = albedo.rgb * albedo_tex.rgb;
	vec4 metallic_texture_channel =vec4(0.333333,0.333333,0.333333,0.0);
	float metallic_tex = dot(texture(texture_metallic,base_uv),metallic_texture_channel);
	METALLIC = metallic_tex * metallic;
	vec4 roughness_texture_channel = vec4(0.333333,0.333333,0.333333,0.0);
	float roughness_tex = dot(texture(texture_roughness,base_uv),roughness_texture_channel);
	ROUGHNESS = roughness_tex * roughness;
	SPECULAR = specular;
	NORMAL_MAP = texture(texture_normal,base_uv).rgb;
	NORMAL_MAP_DEPTH = normal_scale;
}
`

xyz

DJMaesen What exactly gets messed up? It's not really apparent from the screenshot.

DJMaesen

xyz the hand and gun depth test gets messed up. if u look closely some parts are rendered before another

xyz

DJMaesen Try it with screen texture instead of depth texture.

DJMaesen

xyz no same issue
i think it has to do with depth draw mode?

render_mode blend_mix,depth_draw_opaque,cull_back,diffuse_burley,specular_schlick_ggx;`

xyz

DJMaesen Possible. You can try to switch it around.

DJMaesen

xyz how?

xyz

DJMaesen Try replacing depth_draw_opaque with depth_draw_always and also adding depth_prepass_alpha to render modes list.

DJMaesen

xyz depth_draw_always did the trick, depth_prepass_alpha gave strange results
thank u!

DJMaesen

oh no
now i need an underwater shader effect for swimming

xyz

DJMaesen I'd go with a whole screen post processing shader for that.

Jesusemora

DJMaesen here:

shader_type spatial;
render_mode blend_mix, depth_draw_opaque, cull_disabled, unshaded;

uniform vec3 albedo : source_color = vec3(0.0, 0.04, 0.04);

uniform sampler2D screen_texture : hint_screen_texture, filter_linear_mipmap, repeat_disable;
uniform sampler2D screen_depth : hint_depth_texture, repeat_disable, filter_nearest;
uniform sampler2D distortion_texture : source_color, filter_linear_mipmap, repeat_enable;

uniform float refraction : hint_range(-1.0, 1.0) = 0.1;

uniform float bor_cut : hint_range(-1.0, 1.0) = 0.0;

varying vec2 uv_dist;
uniform float speed = 1.0;
uniform float amount = 0.1;

void vertex() {
	vec3 normal = NORMAL;
	TANGENT = vec3(0.0,0.0,-1.0) * abs(normal.x);
	TANGENT+= vec3(1.0,0.0,0.0) * abs(normal.y);
	TANGENT+= vec3(1.0,0.0,0.0) * abs(normal.z);
	TANGENT = normalize(TANGENT);
	BINORMAL = vec3(0.0,1.0,0.0) * abs(normal.x);
	BINORMAL+= vec3(0.0,0.0,-1.0) * abs(normal.y);
	BINORMAL+= vec3(0.0,1.0,0.0) * abs(normal.z);
	BINORMAL = normalize(BINORMAL);
	uv_dist = UV + vec2(0.0, TIME * speed);
}

float getDepth(vec2 coords, mat4 invp)
{
	float depth = textureLod(screen_depth, coords, 0.0).r;
	vec3 ndc = vec3(coords * 2.0 - 1.0, depth);
	vec4 view = invp * vec4(ndc, 1.0);
	view.xyz /= view.w;
	return -view.z;
}

void fragment() {
	vec3 distortion = texture(distortion_texture, uv_dist).rgb * amount;
	vec2 ref_ofs = SCREEN_UV + distortion.xy;
	float linear_depth = (getDepth(ref_ofs, INV_PROJECTION_MATRIX) * 0.01) + 0.5;
	ALBEDO = textureLod(screen_texture, ref_ofs, linear_depth * refraction * 8.0).rgb * mix(albedo, vec3(1.0), clamp(linear_depth * 0.2, 0.0, 1.0));
}

but you have to put it on a plane in front of the camera and meshes using screen_texture will stop working. The water can disappear but the effect looks fine.
I used a normal map for water distortion.

I had it combined with:

@onready var screen_effect = $cam_v/Camera3D/MeshInstance3D
@onready var water_detector : Area3D = $cam_v/Camera3D/Area3D

func _process(_delta):
	if is_on_water:
		screen_effect.visible = true
	else:
		screen_effect.visible = false

func _physics_process(_delta):
	is_on_water = water_detector.has_overlapping_areas()

the detector was in the camera and it would activate when it gets submerged.

Megalomaniak

maybe there's something useful to learn from here:
https://www.shadertoy.com/view/4ljXWh

edit: what a blast from the past, google searching brought me to rediscover an old topic of mine from godot 2(I think?) era... I've edited my old posts there to be readable, maybe theres some value there. But it's just a water surface visualshader graph. No screen effect for underwater or such.

DJMaesen

id prefer to use post processing effect for this. also there is the problem with the water line horizon.
if i can get this right im able to do everything my player controller needs
walking, running, jumping, aiming, climbing and swimming

Jesusemora

DJMaesen like with a canvas node?
you don't get access to the depth buffer with that, I tried, it says depth buffer is for spatial.
I think my shader used depth for blurring distant objects, it looked really nice.
With canvas you just apply a general distortion to the screen.

elvisish

Jesusemora can you use a quad set to 0.0 position in vertex, with maximum extra cull or attached to the camera? That would allow access to the depth buffer.

« Previous Page