shader_type canvas_item;
// 탑다운 바다의 물빛 오버레이. 바닥 위에 덮여서 "물을 통해 내려다본다"는 느낌을 만든다.
// 구역 하나를 담당하고, 좌우 끝 색을 이웃과 공유해 이음매 없이 이어진다.

uniform vec4 tint_left : source_color = vec4(0.27, 0.70, 0.80, 1.0);
uniform vec4 tint_right : source_color = vec4(0.16, 0.51, 0.57, 1.0);
// 깊을수록 물이 두꺼워 바닥이 흐려진다.
uniform float murk_left : hint_range(0.0, 1.0) = 0.20;
uniform float murk_right : hint_range(0.0, 1.0) = 0.30;

// 물결 무늬가 구역 경계에서 끊기지 않도록 스트립 전체에서의 위치를 넘겨받는다.
uniform float x_offset = 0.0;
uniform vec2 rect_size = vec2(300.0, 220.0);
uniform float caustic_strength : hint_range(0.0, 0.4) = 0.13;

void fragment() {
	vec2 px = vec2(x_offset, 0.0) + UV * rect_size;
	vec3 tint = mix(tint_left.rgb, tint_right.rgb, UV.x);
	float murk = mix(murk_left, murk_right, UV.x);

	// 수면에서 갈라진 빛이 바닥에 드리우는 그물 무늬.
	vec2 p = px / 78.0;
	float c = sin(p.x + TIME * 0.45) * sin(p.y * 1.3 - TIME * 0.31);
	c += sin(p.x * 1.7 - TIME * 0.38) * sin(p.y * 0.8 + TIME * 0.44);
	float caustic = pow(max(c * 0.5 + 0.5, 0.0), 3.0);

	// 밝은 물결 자리는 물이 얇아 보이도록 살짝 걷어낸다.
	float alpha = clamp(murk - caustic * caustic_strength * 0.5, 0.0, 1.0);
	vec3 col = tint + caustic * caustic_strength;

	COLOR = vec4(col, alpha);
}