为什么这个shadertoy在glsl中没有正确显示?

时间:2017-05-03 19:03:58

标签: glsl webgl shader

我正在努力将这个着色器从shadertoy移植到glsl中,用于基于GPUImage的iOS平台。

https://www.shadertoy.com/view/4s2yW1

从技术上讲,它在设备上有效运行。但是,它只显示背景,而不是圆圈,这是整点。

我想知道是否有人可以给我一些线索,说明为什么没有正确显示。无论出于何种原因,我在使用shaderfrog时都会得到相同的结果。

这是shaderfrog链接: http://shaderfrog.com/app/view/1463

和代码本身:

#define PI 3.14159265359

NSString *const kGPUImageBokehFragmentShaderString = SHADER_STRING
(
 precision highp float;
 varying highp vec2 textureCoordinate;
 uniform sampler2D inputImageTexture;
 uniform highp float time;


 void Rotate( vec2 p, float a )
{
    p = cos( a ) * p + sin( a ) * vec2( p.y, -p.x );
}

 float Circle( vec2 p, float r )
{
    return ( length( p / r ) - 1.0 ) * r;
}

 float Rand( vec2 c )
{
    return fract( sin( dot( c.xy, vec2( 12.9898, 78.233 ) ) ) * 43758.5453 );
}

 float saturate( float x )
{
    return clamp( x, 0.0, 1.0 );
}

 void BokehLayer(vec3 color, vec2 p, vec3 c )
{
    float wrap = 450.0;
    if ( mod( floor( p.y / wrap + 0.5 ), 2.0 ) == 0.0 )
    {
        p.x += wrap * 0.5;
    }

    vec2 p2 = mod( p + 0.5 * wrap, wrap ) - 0.5 * wrap;
    vec2 cell = floor( p / wrap + 0.5 );
    float cellR = Rand( cell );

    c *= fract( cellR * 3.33 + 3.33 );
    float radius = mix( 30.0, 70.0, fract( cellR * 7.77 + 7.77 ) );
    p2.x *= mix( 0.9, 1.1, fract( cellR * 11.13 + 11.13 ) );
    p2.y *= mix( 0.9, 1.1, fract( cellR * 17.17 + 17.17 ) );

    float sdf = Circle( p2, radius );
    float circle = 1.0 - smoothstep( 0.0, 1.0, sdf * 0.04 );
    float glow   = exp( -sdf * 0.025 ) * 0.3 * ( 1.0 - circle );
    color += c * ( circle + glow );
}

 void main()
{
    vec2 iResolution = vec2(1., 1.);
    vec2 uv = textureCoordinate.xy/iResolution.xy;
    vec2 p = ( 2.0 * textureCoordinate - iResolution.xy) / iResolution.x * 1000.0;

    // background
    vec3 color = mix( vec3( 0.3, 0.1, 0.3 ), vec3( 0.1, 0.4, 0.5 ), dot( uv, vec2( 0.2, 0.7 ) ) );

    float timeElapsed = time - 15.0;

    Rotate( p, 0.2 + timeElapsed * 0.03 );
    BokehLayer( color, p + vec2( -50.0 * timeElapsed +  0.0, 0.0  ), 3.0 * vec3( 0.4, 0.1, 0.2 ) );
    Rotate( p, 0.3 - timeElapsed * 0.05 );
    BokehLayer( color, p + vec2( -70.0 * timeElapsed + 33.0, -33.0 ), 3.5 * vec3( 0.6, 0.4, 0.2 ) );
    Rotate( p, 0.5 + timeElapsed * 0.07 );
    BokehLayer( color, p + vec2( -60.0 * timeElapsed + 55.0, 55.0 ), 3.0 * vec3( 0.4, 0.3, 0.2 ) );
    Rotate( p, 0.9 - timeElapsed * 0.03 );
    BokehLayer( color, p + vec2( -25.0 * timeElapsed + 77.0, 77.0 ), 3.0 * vec3( 0.4, 0.2, 0.1 ) );
    Rotate( p, 0.0 + timeElapsed * 0.05 );
    BokehLayer( color, p + vec2( -15.0 * timeElapsed + 99.0, 99.0 ), 3.0 * vec3( 0.2, 0.0, 0.4 ) );

    vec4 bokehColor = vec4( color, 1.0 );
    gl_FragColor = bokehColor;
} );

您可以告诉我有关此事的任何事情将不胜感激。谢谢!

1 个答案:

答案 0 :(得分:3)

问题是您没有将颜色标记为void BokehLayer(vec3 color, vec2 p, vec3 c ) // bad void BokehLayer(inout vec3 color, vec2 p, vec3 c ) // good

BokehLayer

color想要修改inout,但如果没有inout关键字,它只是该函数的参数。使用{{1}},它是参考原始变量。