Wipe linear

#version 300 es// Wipes & transitions → Linear wipe, 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_duration; // Duration (s): 2.4 (0.5 to 6.0)uniform float p_direction; // Direction (degrees): 20.0 (0.0 to 360.0)uniform float p_softness; // Edge softness: 0.06 (0.002 to 0.4)in 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;};vec4 effect(Inputs i) {	// A triangle wave, stretched past 0..1 and clamped, so the wipe rests a moment when fully shown and fully hidden	float wave = 1.0 - abs(1.0 - 2.0 * fract(i.time / p_duration));	float progress = clamp(wave * 1.25 - 0.125, 0.0, 1.0);	float eased = smoothstep(0.0, 1.0, progress);	float angle = radians(p_direction);	vec2 axis = vec2(cos(angle), sin(angle));	// The quad's corners project to between -reach and +reach on the axis, so this maps corner to corner onto 0..1 at	// any angle, and the wipe takes the whole duration to cross	float reach = 0.5 * (abs(axis.x) + abs(axis.y));	float along = dot(i.uv - 0.5, axis) / (2.0 * reach) + 0.5;	// The front starts one softness before 0 and ends at 1, so the soft edge is fully off the quad at both ends	float front = mix(-p_softness, 1.0, eased);	float mask = 1.0 - smoothstep(front, front + p_softness, along);	return vec4(vec3(mask), 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);	// A mask shows as is: coverage in .r, not encoded; opaque, so alpha is 1	fragColor = vec4(clamp(frag_out.rgb, 0.0, 1.0), 1.0);}

// Wipes & transitions → Linear wipe, 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 duration : hint_range(0.5, 6.0, 0.1) = 2.4;uniform float direction : hint_range(0.0, 360.0, 1.0) = 20.0;uniform float softness : hint_range(0.002, 0.4, 0.002) = 0.06;struct Inputs {	vec2 uv;	vec3 position;	vec3 normal;	vec3 view;	float time;	vec2 fragCoord;	vec2 resolution;};vec4 effect(Inputs i) {	// A triangle wave, stretched past 0..1 and clamped, so the wipe rests a moment when fully shown and fully hidden	float wave = 1.0 - abs(1.0 - 2.0 * fract(i.time / duration));	float progress = clamp(wave * 1.25 - 0.125, 0.0, 1.0);	float eased = smoothstep(0.0, 1.0, progress);	float angle = radians(direction);	vec2 axis = vec2(cos(angle), sin(angle));	// The quad's corners project to between -reach and +reach on the axis, so this maps corner to corner onto 0..1 at	// any angle, and the wipe takes the whole duration to cross	float reach = 0.5 * (abs(axis.x) + abs(axis.y));	float along = dot(i.uv - 0.5, axis) / (2.0 * reach) + 0.5;	// The front starts one softness before 0 and ends at 1, so the soft edge is fully off the quad at both ends	float front = mix(-softness, 1.0, eased);	float mask = 1.0 - smoothstep(front, front + softness, along);	return vec4(vec3(mask), 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);	// A mask shows as is: coverage in .r, not encoded	COLOR = vec4(clamp(frag_out.rgb, 0.0, 1.0), 1.0);}