Simple Circle Transition

A simple circle transition with 4 lines of code.

Credits to Bramwell Williams.

Shader code
// CC0 licence
// Credit Bramwell Williams

shader_type canvas_item;

uniform float circle_size : hint_range(0,1) = 0.5f;

void fragment(){
	if (distance(vec2(0.5,0.5), UV) < circle_size){
		COLOR.a = 0f;
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

Simple circle transition

Simple 2d transition

Simple Transition Effect


Inline Feedbacks
View all comments