Contorno de pixel

#version 300 es// Sprite outline → Pixel outline, 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 vec3 p_lineColor; // Line color: vec3(1.0, 0.8, 0.2), sRGB; upload it decoded to linearuniform sampler2D t_sprite; // slime.png: sRGB color, uploaded as SRGB8_ALPHA8 so it samples linear; nearest filter, clamp to edgein 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));}// The four direct neighbours only, one texel away: the line is one sprite pixel thick and skips the pixel diagonal to a// corner, which softens corners the way pixel artists often do. Adding the four diagonals fills those corners in.vec4 effect(Inputs i) {	vec2 texel = 1.0 / vec2(textureSize(t_sprite, 0));	vec4 own = texture(t_sprite, i.uv);	float left = texture(t_sprite, i.uv - vec2(texel.x, 0.0)).a;	float right = texture(t_sprite, i.uv + vec2(texel.x, 0.0)).a;	float down = texture(t_sprite, i.uv - vec2(0.0, texel.y)).a;	float up = texture(t_sprite, i.uv + vec2(0.0, texel.y)).a;	float neighbors = max(max(left, right), max(down, up));	float outline = neighbors * (1.0 - own.a);	vec4 result = mix(own, vec4(p_lineColor, 1.0), outline);	return result;}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	fragColor = vec4(u_toSrgb(clamp(frag_out.rgb, 0.0, 1.0)), frag_out.a);}

// Sprite outline → Pixel outline, 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, blend_mix;uniform vec3 lineColor : source_color = vec3(1.0, 0.8, 0.2);uniform sampler2D t_sprite : source_color, filter_nearest, repeat_disable; // the sprite: the Sprite2D's own texture again (TEXTURE can't be read inside a function)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));}vec4 u_toLinear4(vec4 c) {	return vec4(u_toLinear(c.rgb), c.a);}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));}// Godot's textures start at the top-left and the effect's uv at the bottom-left: each sample flips v backvec2 u_flipUv(vec2 uv) {	return vec2(uv.x, 1.0 - uv.y);}// The four direct neighbours only, one texel away: the line is one sprite pixel thick and skips the pixel diagonal to a// corner, which softens corners the way pixel artists often do. Adding the four diagonals fills those corners in.vec4 effect(Inputs i) {	vec2 texel = 1.0 / vec2(textureSize(t_sprite, 0));	vec4 own = u_toLinear4(texture(t_sprite, u_flipUv(i.uv)));	float left = u_toLinear4(texture(t_sprite, u_flipUv(i.uv - vec2(texel.x, 0.0)))).a;	float right = u_toLinear4(texture(t_sprite, u_flipUv(i.uv + vec2(texel.x, 0.0)))).a;	float down = u_toLinear4(texture(t_sprite, u_flipUv(i.uv - vec2(0.0, texel.y)))).a;	float up = u_toLinear4(texture(t_sprite, u_flipUv(i.uv + vec2(0.0, texel.y)))).a;	float neighbors = max(max(left, right), max(down, up));	float outline = neighbors * (1.0 - own.a);	vec4 result = mix(own, vec4(u_toLinear(lineColor), 1.0), outline);	return result;}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)), frag_out.a);}