Bandeira tremulando

#version 300 es// UV warping → Waving flag, 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_amplitude; // Amplitude: 0.12 (0.0 to 0.3)uniform float p_frequency; // Frequency: 14.0 (2.0 to 40.0)uniform float p_speed; // Speed: 4.0 (0.0 to 12.0)uniform float p_bands; // Stripes: 5.0 (1.0 to 13.0)uniform vec3 p_field; // Field color: vec3(0.12, 0.27, 0.55), sRGB; upload it decoded to linearuniform vec3 p_stripe; // Stripe color: vec3(0.95, 0.78, 0.25), sRGB; upload it decoded to linearuniform vec3 p_backdrop; // Sky: vec3(0.62, 0.78, 0.9), sRGB; upload it decoded to linearuniform vec3 p_pole; // Pole: vec3(0.28, 0.24, 0.2), 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));}// A soft-edged 0..1 window, so the flag's outline doesn't stair-step as it moves.float band(float x, float from, float to) {	return smoothstep(from - 0.004, from + 0.004, x) * (1.0 - smoothstep(to - 0.004, to + 0.004, x));}vec4 effect(Inputs i) {	// The cloth is fixed at the pole and free at the far end, so the wave grows with distance from the pole	float fromPole = max(i.uv.x - 0.1, 0.0);	float phase = fromPole * p_frequency - i.time * p_speed;	float wave = sin(phase);	vec2 warped = i.uv + vec2(0.0, wave * p_amplitude * fromPole);	vec2 cloth = (warped - vec2(0.1, 0.2)) / vec2(0.8, 0.6);	float inside = band(cloth.x, 0.0, 1.0) * band(cloth.y, 0.0, 1.0);	float stripes = step(0.5, fract(cloth.y * floor(p_bands) * 0.5));	// The offset's slope: cloth tilted toward the light is brighter, cloth tilted away darker	float fold = 1.0 + 0.35 * clamp(cos(phase) * p_amplitude * p_frequency * fromPole, -1.0, 1.0);	vec3 fabric = mix(p_field, p_stripe, stripes) * fold;	float staff = band(i.uv.x, 0.085, 0.1) * band(i.uv.y, 0.05, 0.84);	vec3 color = mix(mix(p_backdrop, fabric, inside), p_pole, staff);	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);}

// UV warping → Waving flag, 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 amplitude : hint_range(0.0, 0.3, 0.005) = 0.12;uniform float frequency : hint_range(2.0, 40.0, 0.5) = 14.0;uniform float speed : hint_range(0.0, 12.0, 0.1) = 4.0;uniform float bands : hint_range(1.0, 13.0, 1.0) = 5.0;uniform vec3 field : source_color = vec3(0.12, 0.27, 0.55);uniform vec3 stripe : source_color = vec3(0.95, 0.78, 0.25);uniform vec3 backdrop : source_color = vec3(0.62, 0.78, 0.9);uniform vec3 pole : source_color = vec3(0.28, 0.24, 0.2);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));}// A soft-edged 0..1 window, so the flag's outline doesn't stair-step as it moves.float band(float x, float from, float to) {	return smoothstep(from - 0.004, from + 0.004, x) * (1.0 - smoothstep(to - 0.004, to + 0.004, x));}vec4 effect(Inputs i) {	// The cloth is fixed at the pole and free at the far end, so the wave grows with distance from the pole	float fromPole = max(i.uv.x - 0.1, 0.0);	float phase = fromPole * frequency - i.time * speed;	float wave = sin(phase);	vec2 warped = i.uv + vec2(0.0, wave * amplitude * fromPole);	vec2 cloth = (warped - vec2(0.1, 0.2)) / vec2(0.8, 0.6);	float inside = band(cloth.x, 0.0, 1.0) * band(cloth.y, 0.0, 1.0);	float stripes = step(0.5, fract(cloth.y * floor(bands) * 0.5));	// The offset's slope: cloth tilted toward the light is brighter, cloth tilted away darker	float fold = 1.0 + 0.35 * clamp(cos(phase) * amplitude * frequency * fromPole, -1.0, 1.0);	vec3 fabric = mix(u_toLinear(field), u_toLinear(stripe), stripes) * fold;	float staff = band(i.uv.x, 0.085, 0.1) * band(i.uv.y, 0.05, 0.84);	vec3 color = mix(mix(u_toLinear(backdrop), fabric, inside), u_toLinear(pole), staff);	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);}