Hole Texture Transition

A simple texture transition for your games. Use the shader in a Color Rect and add the texture of your preference. You can animate it with animation player or other methods.

Texture recommendations: 
   -Transparent texture, except for the silhouette.
   -Don’t let the silhouette touch the edge of the texture.

Feel free to optimize this shader! 🙂

Based in: https://godotshaders.com/shader/simple-circle-transition-2/

Shader code
shader_type canvas_item;
render_mode unshaded;

uniform sampler2D hole_texture;
uniform float screen_width;
uniform float screen_height;
uniform float scale :hint_range(0.0, 100.0, 0.01);

void fragment() {
	float ratio = screen_width / screen_height;
	vec2 custom_uv = (UV - vec2(0.5)) * scale + vec2(0.5);
	vec4 textura = texture(hole_texture,custom_uv);
	float dist = distance(vec2(0.5, 0.5), vec2(mix(0.5, UV.x, ratio), UV.y));
	if (scale < 95.0){
		COLOR.a = step(textura.a, dist);
	}
}
Tags
Transition Texture
The shader code and all code snippets in this post are under CC0 license and can be used freely without the author's permission. Images and videos, and assets depicted in those, do not fall under this license. For more info, see our License terms.

Related shaders

Texture population using Texture

Glitch Transition

Lines Screen Transition

Subscribe
Notify of
guest

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments