Anel pulsante

#version 300 es// Circles, boxes & lines → Pulsing ring, 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_radius; // Radius: 0.5 (0.1 to 0.9)uniform float p_width; // Line width: 0.04 (0.005 to 0.3)uniform float p_pulse; // Pulse size: 0.1 (0.0 to 0.4)uniform float p_speed; // Speed: 3.0 (0.0 to 10.0)uniform vec3 p_ringColor; // Ring color: vec3(0.35, 0.85, 1.0), sRGB; upload it decoded to linearuniform vec3 p_background; // Background: vec3(0.05, 0.06, 0.1), 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 * 2.0 - 1.0) * vec2(i.resolution.x / i.resolution.y, 1.0);	float d = length(p);	// sin swings between -1 and 1, so the radius breathes by p_pulse either side of p_radius	float pulsed = p_radius + p_pulse * sin(i.time * p_speed);	// abs() measures from the circle's line on both sides: the distance to a ring, not to a disc	float band = abs(d - pulsed);	float pixel = 2.0 / i.resolution.y;	float ring = 1.0 - smoothstep(p_width - pixel, p_width + pixel, band);	vec3 color = mix(p_background, p_ringColor, ring);	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);}

// Circles, boxes & lines → Pulsing ring, 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 radius : hint_range(0.1, 0.9, 0.01) = 0.5;uniform float width : hint_range(0.005, 0.3, 0.005) = 0.04;uniform float pulse : hint_range(0.0, 0.4, 0.01) = 0.1;uniform float speed : hint_range(0.0, 10.0, 0.1) = 3.0;uniform vec3 ringColor : source_color = vec3(0.35, 0.85, 1.0);uniform vec3 background : source_color = vec3(0.05, 0.06, 0.1);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 * 2.0 - 1.0) * vec2(i.resolution.x / i.resolution.y, 1.0);	float d = length(p);	// sin swings between -1 and 1, so the radius breathes by pulse either side of radius	float pulsed = radius + pulse * sin(i.time * speed);	// abs() measures from the circle's line on both sides: the distance to a ring, not to a disc	float band = abs(d - pulsed);	float pixel = 2.0 / i.resolution.y;	float ring = 1.0 - smoothstep(width - pixel, width + pixel, band);	vec3 color = mix(u_toLinear(background), u_toLinear(ringColor), ring);	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);}