Hole in your screen!

A circle that uses a step function between the distance of the center of the screen, with a set resolution, so that it becomes an actual circle instead of an egg.

Created by m4rc0 on Tue, 31 May 2022 12:57:03 GMT.

set resolution, step, perfect circle

precision highp float;


uniform vec2 resolution;
uniform vec2 mouse;
uniform float time;
const vec2 rquadrada = vec2(1000,1000);
void main(){
    vec2 st = gl_FragCoord.xy/rquadrada;
    float circulo = 0.0;
    circulo = step(0.5,distance(st*2.0,vec2(1.0)));
    vec3 color = vec3(circulo);
    gl_FragColor = vec4( color, 1.0 );
}

xxxxxxxxxx
 
precision highp float;
​
​
uniform vec2 resolution;
uniform vec2 mouse;
uniform float time;
const vec2 rquadrada = vec2(1000,1000);
void main(){
    vec2 st = gl_FragCoord.xy/rquadrada;
    float circulo = 0.0;
    circulo = step(0.5,distance(st*2.0,vec2(1.0)));
    vec3 color = vec3(circulo);
    gl_FragColor = vec4( color, 1.0 );
}

104 fps 18ms

00:00:00.36

0.00