Radar Blip Ring

Creates an expanding ring for a radar blip (Part of a pack of 3 shaders)

• Radar Scanner
• Radar Blip
• Radar Blip Ring (current)

Implementation:
I used a ColorRect in the size that I wanted the scanner to be

Uniforms:
Circle Width: How wide the ring should be

Wait TIme: How long to wait between each expansion
Speed: How quickly the ring expands

Alpha Boost: Multiplicative factor for the ring’s alpha value

Shader code

shader_type canvas_item;

// --- Uniforms --- //
uniform float circle_width: hint_range(0.0, 1.0, 0.05) = 0.15;
uniform float wait_time: hint_range(0.0, 5.0, 0.1) = 0.5;
uniform float speed: hint_range(0.0, 10.0, 0.1) = 1.0;
uniform float alpha_boost: hint_range(1.0, 5.0, 0.1) = 2.0;

// --- Functions --- //
void fragment() {
	float dist = distance(UV, vec2(0.5));
	float mod_dist = dist - mod(TIME * speed, 0.75 + wait_time) + 0.5;
	COLOR.a *= 1.0 - step(0.5, mod_dist);
	COLOR.a += step(0.5 - circle_width / 2.0, mod_dist) - 1.0;
	COLOR.a -= 2.0 * dist;
	COLOR.a *= alpha_boost;
}

Tags