Skip to content

Instantly share code, notes, and snippets.

@andrew-wilkes

andrew-wilkes/circular-progress.shader

Created January 16, 2020 11:41
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save andrew-wilkes/44dea35c27517b0d8b7798f46a97b5b1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save andrew-wilkes/44dea35c27517b0d8b7798f46a97b5b1 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. andrew-wilkes created this gist Jan 16, 2020.
    34 changes: 34 additions & 0 deletions circular-progress.shader
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,34 @@
    shader_type canvas_item;

    uniform float value: hint_range(0, 100); // %
    uniform float thickness: hint_range(0, 100) = 30.; // % thickness
    uniform sampler2D fg: hint_albedo;
    uniform sampler2D bg: hint_black_albedo;
    uniform float offset: hint_range(0, 100); // %
    uniform float smoothing: hint_range(0, 100) = 5.;

    void fragment() {
    vec2 point = UV - vec2(0.5);
    float PI = 3.14159265358979323846;
    float ang = (1. - atan(point.x, point.y) / PI) * 50. - offset;
    if (ang < 0.)
    ang += 100.;
    float s = smoothing / 1000.;
    float k = PI / 2. / s;
    float r1 = .5 - thickness / 200.;
    float r2 = .5;
    float r = length(point);
    float uy = (r2 - r) / (r2 - r1);
    if (r > r2 || r < r1)
    COLOR.a = 0.;
    else {
    if (ang <= value)
    COLOR = texture(fg, vec2(ang / 100., uy));
    else
    COLOR = texture(bg, vec2(ang / 100., uy));
    if ((r2 - r) < s)
    COLOR.a = sin((r2 - r) * k);
    if ((r - r1) < s)
    COLOR.a = sin((r - r1) * k);
    }
    }