Skip to content

Instantly share code, notes, and snippets.

@hirajanwin

hirajanwin/ChoasLinesShader.metal

Forked from realvjy/ChoasLinesShader.metal
Created June 15, 2025 17:29
Show Gist options
  • Save hirajanwin/0f7cc786c0c671ff0d965cba3da5450b to your computer and use it in GitHub Desktop.
Save hirajanwin/0f7cc786c0c671ff0d965cba3da5450b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @realvjy realvjy revised this gist Jan 7, 2024. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions ChoasLinesShader.metal
    View file
    Original file line number Diff line number Diff line change
    @@ -125,6 +125,7 @@ TimelineView(.animation) { context in
    }
    }

    // Extension
    extension View {

    func timeLines(seconds: Double, tapValue: CGFloat ) -> some View {
  2. @realvjy realvjy revised this gist Jan 7, 2024. 1 changed file with 30 additions and 1 deletion.
    31 changes: 30 additions & 1 deletion ChoasLinesShader.metal
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    / Lines
    // Lines
    float hash( float n ) {
    return fract(sin(n)*753.5453123);
    }
    @@ -110,3 +110,32 @@ vector_float3 drawLines(
    return half4(half3(finalColor), 1.0);

    }




    // Usagge in view
    ZStack{
    TimelineView(.animation) { context in
    Rectangle()
    .foregroundStyle(.white)
    .timeLines(seconds: context.date.timeIntervalSince1970 - self.start.timeIntervalSince1970,
    tapValue: tapCount
    )
    }
    }

    extension View {

    func timeLines(seconds: Double, tapValue: CGFloat ) -> some View {

    self
    .colorEffect(
    ShaderLibrary.default.timeLines(
    .boundingRect,
    .float(seconds),
    .float(tapValue))
    )
    }
    }

  3. @realvjy realvjy created this gist Jan 7, 2024.
    112 changes: 112 additions & 0 deletions ChoasLinesShader.metal
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,112 @@
    / Lines
    float hash( float n ) {
    return fract(sin(n)*753.5453123);
    }

    // Slight modification of iq's noise function.
    float noise(vector_float2 x )
    {
    vector_float2 p = floor(x);
    vector_float2 f = fract(x);
    f = f*f*(3.0-2.0*f);

    float n = p.x + p.y*157.0;
    return mix(
    mix( hash(n+ 0.0), hash(n+ 1.0),f.x),
    mix( hash(n+157.0), hash(n+158.0),f.x),
    f.y);
    }


    float fbm(vector_float2 p, vector_float3 a)
    {
    float v = 0.0;
    v += noise(p*a.x)*0.50 ;
    v += noise(p*a.y)*1.50 ;
    v += noise(p*a.z)*0.125 * 0.1; // variable
    return v;
    }


    vector_float3 drawLines(
    vector_float2 uv,
    vector_float3 fbmOffset,
    vector_float3 color1,
    vector_float3 colorSet[4],
    float secs
    )
    {
    float timeVal = secs * 0.1;
    vector_float3 finalColor = vector_float3( 0.0 );
    vector_float3 colorSets[4] = {
    vector_float3(0.7, 0.05, 1.0),
    vector_float3(1.0, 0.19, 0.0),
    vector_float3(0.0, 1.0, 0.3),
    vector_float3(0.0, 0.38, 1.0)
    };

    for( int i=0; i < 4; ++i )
    {

    float indexAsFloat = float(i);
    float amp = 80.0 + (indexAsFloat*0.0);
    float period = 2.0 + (indexAsFloat+2.0);
    float thickness = mix( 0.4, 0.2, noise(uv*2.0) );

    float t = abs( 1. /(sin(uv.y + fbm( uv + timeVal * period, fbmOffset )) * amp) * thickness );

    finalColor += t * colorSets[i];
    }


    for( int i=0; i < 4; ++i )
    {

    float indexAsFloat = float(i);
    float amp = 40.0 + (indexAsFloat*5.0);
    float period = 9.0 + (indexAsFloat+2.0);
    float thickness = mix( 0.1, 0.1, noise(uv * 12.0) );

    float t = abs( 1. /(sin(uv.y + fbm( uv + timeVal * period, fbmOffset )) * amp) * thickness );

    finalColor += t * colorSets[i] * color1;
    }

    return finalColor;
    }


    [[ stitchable ]] half4 timeLines(
    float2 position,
    half4 color,
    float4 bounds,
    float secs,
    float tapValue
    ) {

    vector_float2 uv = ( position / bounds.w ) * 1.0 - 1.0;
    uv *= 1.0 + 0.5;


    vector_float3 lineColor1 = vector_float3( 1.0, 0.0, 0.5 );
    vector_float3 lineColor2 = vector_float3( 0.3, 0.5, 1.5 );

    float spread = abs(tapValue);
    vector_float3 finalColor = vector_float3(0);
    vector_float3 colorSet[4] = {
    vector_float3(0.7, 0.05, 1.0),
    vector_float3(1.0, 0.19, 0.0),
    vector_float3(0.0, 1.0, 0.3),
    vector_float3(0.0, 0.38, 1.0)
    };

    float t = sin( secs ) * 0.5 + 0.5;
    float pulse = mix( 0.05, 0.20, t);


    finalColor = drawLines(uv, vector_float3( 65.2, 40.0, 4.0), lineColor1, colorSet, secs * 0.1) * pulse;
    finalColor += drawLines( uv, vector_float3( 5.0 * spread/2, 2.1 * spread, 1.0), lineColor2, colorSet, secs );

    return half4(half3(finalColor), 1.0);

    }