Ponto suave

#version 300 es// Circles, boxes & lines → Soft dot, 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.05 to 1.0)uniform float p_softness; // Softness: 0.08 (0.0 to 0.5)uniform vec3 p_dotColor; // Dot color: vec3(1.0, 0.8, 0.35), sRGB; upload it decoded to linearuniform vec3 p_background; // Background: vec3(0.07, 0.08, 0.12), 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) {	// Centered, with x scaled by the aspect ratio: one unit is as long across as up, so the dot stays round	vec2 p = (i.uv * 2.0 - 1.0) * vec2(i.resolution.x / i.resolution.y, 1.0);	float d = length(p);	// p spans 2 units over the height, so 2 / height is one pixel: softness never drops below it, so the ramp	// always spans at least two pixels and never stair-steps	float soft = max(p_softness, 2.0 / i.resolution.y);	float disc = 1.0 - smoothstep(p_radius - soft, p_radius + soft, d);	vec3 color = mix(p_background, p_dotColor, disc);	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 → Soft dot, 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.05, 1.0, 0.01) = 0.5;uniform float softness : hint_range(0.0, 0.5, 0.005) = 0.08;uniform vec3 dotColor : source_color = vec3(1.0, 0.8, 0.35);uniform vec3 background : source_color = vec3(0.07, 0.08, 0.12);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) {	// Centered, with x scaled by the aspect ratio: one unit is as long across as up, so the dot stays round	vec2 p = (i.uv * 2.0 - 1.0) * vec2(i.resolution.x / i.resolution.y, 1.0);	float d = length(p);	// p spans 2 units over the height, so 2 / height is one pixel: softness never drops below it, so the ramp	// always spans at least two pixels and never stair-steps	float soft = max(softness, 2.0 / i.resolution.y);	float disc = 1.0 - smoothstep(radius - soft, radius + soft, d);	vec3 color = mix(u_toLinear(background), u_toLinear(dotColor), disc);	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);}