Colorful Signal effect

A colorful signal effect for 2D games.

TUTORIAL

Add a ColorRect to your scene.

Then proceed the classic way to add a shader and paste the code.

Change size, speed, color and ray number in Shader Param.

For Rainbow Color, check the code

Shader code

shader_type canvas_item;

uniform vec4 color_signal : hint_color = vec4 (1.0);
uniform float size : hint_range(0.0, 1.0, 0.01) = 0.2;
uniform float zoom : hint_range(0.0, 20, 1) = 8.0;
uniform float speed : hint_range(-10.0, 10.0, 1.0) = 1.0;

void fragment(){
	
	float d = length((UV-0.5)*2.0);
	float t = pow(smoothstep(0.9,0.2,d),0.35);
	
	// For rainbow effect, keep this line :
	vec3 rainbow = 0.5 + 0.5*cos(TIME+UV.xyx+vec3(0,2,4));
	vec4 color = vec4(rainbow.rgb,1.0);
	
	// For idle color, delete "//" below :
	//color = vec4(color_signal.rgb,1.0);

	d = sin(zoom*d - speed*TIME);
	d = abs(d);
	d = size/d;
	color *= d*t;
	
	COLOR = vec4(color);
}

Tags