Redemoinho d'água

#version 300 es// Swirl, pinch & bulge → Whirlpool, web GLSL (GLSL ES 3.00). From Creative Center, MIT license.precision highp float;uniform float u_time;uniform vec2 u_resolution; // this pass's output size in pixelsuniform float p_twist; // Twist: 6.0 (-15.0 to 15.0)uniform float p_reach; // Reach: 0.45 (0.1 to 0.7)uniform float p_speed; // Spin speed: 1.5 (-6.0 to 6.0)uniform float p_armCount; // Arms: 5.0 (1.0 to 12.0)uniform vec3 p_deep; // Deep water: vec3(0.02, 0.1, 0.18), sRGB; upload it decoded to linearuniform vec3 p_shallow; // Surface water: vec3(0.1, 0.45, 0.6), sRGB; upload it decoded to linearuniform vec3 p_foam; // Foam: vec3(0.85, 0.95, 1.0), sRGB; upload it decoded to linearin vec2 v_uv;in vec3 v_position;in vec3 v_normal;in vec3 v_view;out vec4 fragColor;struct Inputs {	vec2 uv;	vec3 position;	vec3 normal;	vec3 view;	float time;	vec2 fragCoord;	vec2 resolution;};vec3 u_toSrgb(vec3 c) {	return mix(c * 12.92, 1.055 * pow(c, vec3(1.0 / 2.4)) - 0.055, step(0.0031308, c));}vec4 effect(Inputs i) {	vec2 p = i.uv - 0.5;	float radius = length(p);	float angle = atan(p.y, p.x);	// 1 at the center, 0 at p_reach and beyond: the water outside the whirlpool isn't turned	float falloff = 1.0 - smoothstep(0.0, p_reach, radius);	// Squared, so the twist builds up sharply toward the eye, as in a real vortex	float swirl = falloff * falloff * p_twist;	// The spin turns every radius by the same angle: a spin that grew toward the center would wind the arms tighter	// every second, until they were thinner than a pixel	float turned = angle + swirl + i.time * p_speed;	// A whole number of arms, so cos() meets itself where atan() jumps from pi to -pi	float arms = 0.5 + 0.5 * cos(turned * floor(p_armCount));	float froth = smoothstep(0.55, 1.0, arms) * smoothstep(0.0, 0.3, falloff) * smoothstep(0.03, 0.15, radius);	float depth = smoothstep(0.02, p_reach * 0.7, radius);	vec3 water = mix(p_deep, p_shallow, depth);	vec3 color = mix(water, p_foam, froth * 0.8);	return vec4(color, 1.0);}void main() {	Inputs i;	i.uv = v_uv;	i.position = v_position;	// Interpolation shortens the vectors between vertices	i.normal = normalize(v_normal);	i.view = normalize(v_view);	i.time = u_time;	i.fragCoord = gl_FragCoord.xy;	i.resolution = u_resolution;	vec4 frag_out = effect(i);	// The output is sRGB: clamped and encoded once, here, with no tone mapping; opaque, so alpha is 1	fragColor = vec4(u_toSrgb(clamp(frag_out.rgb, 0.0, 1.0)), 1.0);}

// Swirl, pinch & bulge → Whirlpool, Godot 4. From Creative Center, MIT license.shader_type canvas_item;// Unshaded shows the effect's color as is, like the site's preview; scene lights don't touch itrender_mode unshaded;uniform float twist : hint_range(-15.0, 15.0, 0.1) = 6.0;uniform float reach : hint_range(0.1, 0.7, 0.01) = 0.45;uniform float speed : hint_range(-6.0, 6.0, 0.1) = 1.5;uniform float armCount : hint_range(1.0, 12.0, 1.0) = 5.0;uniform vec3 deep : source_color = vec3(0.02, 0.1, 0.18);uniform vec3 shallow : source_color = vec3(0.1, 0.45, 0.6);uniform vec3 foam : source_color = vec3(0.85, 0.95, 1.0);struct Inputs {	vec2 uv;	vec3 position;	vec3 normal;	vec3 view;	float time;	vec2 fragCoord;	vec2 resolution;};// Godot's 2D renderer works in sRGB (HDR 2D off, the default), so the frame decodes color params and sRGB// textures to linear itself and encodes the result. With HDR 2D on, make these return c unchanged.vec3 u_toLinear(vec3 c) {	return mix(c / 12.92, pow((c + 0.055) / 1.055, vec3(2.4)), step(0.04045, c));}vec3 u_toSrgb(vec3 c) {	return mix(c * 12.92, 1.055 * pow(c, vec3(1.0 / 2.4)) - 0.055, step(0.0031308, c));}vec4 effect(Inputs i) {	vec2 p = i.uv - 0.5;	float radius = length(p);	float angle = atan(p.y, p.x);	// 1 at the center, 0 at reach and beyond: the water outside the whirlpool isn't turned	float falloff = 1.0 - smoothstep(0.0, reach, radius);	// Squared, so the twist builds up sharply toward the eye, as in a real vortex	float swirl = falloff * falloff * twist;	// The spin turns every radius by the same angle: a spin that grew toward the center would wind the arms tighter	// every second, until they were thinner than a pixel	float turned = angle + swirl + i.time * speed;	// A whole number of arms, so cos() meets itself where atan() jumps from pi to -pi	float arms = 0.5 + 0.5 * cos(turned * floor(armCount));	float froth = smoothstep(0.55, 1.0, arms) * smoothstep(0.0, 0.3, falloff) * smoothstep(0.03, 0.15, radius);	float depth = smoothstep(0.02, reach * 0.7, radius);	vec3 water = mix(u_toLinear(deep), u_toLinear(shallow), depth);	vec3 color = mix(water, u_toLinear(foam), froth * 0.8);	return vec4(color, 1.0);}void fragment() {	Inputs i;	// UV starts at the top-left; the effect expects GLSL's bottom-left	i.uv = vec2(UV.x, 1.0 - UV.y);	// A flat quad facing the viewer, the same as the site's 2D preview	i.position = vec3(i.uv * 2.0 - 1.0, 0.0);	i.normal = vec3(0.0, 0.0, 1.0);	i.view = vec3(0.0, 0.0, 1.0);	i.time = TIME;	// FRAGCOORD's origin is the top-left too	i.resolution = 1.0 / SCREEN_PIXEL_SIZE;	i.fragCoord = vec2(FRAGCOORD.x, i.resolution.y - FRAGCOORD.y);	vec4 frag_out = effect(i);	COLOR = vec4(u_toSrgb(clamp(frag_out.rgb, 0.0, 1.0)), 1.0);}