1

私はシェーダーを数日間使用しただけで、ドロップ シャドウとインナー シャドウを追加する単純なエッジ検出シェーダーを作成しました。私の Galaxy S2 と iPhone 4 では問題なく動作しますが、Galaxy Tab と iPad2 では、エッジの両側に非常に薄く粗い影しか生成されません。理由を理解しようと何時間も費やしましたが、喜びがありませんでした。助けてください! シミュレーターで ipad2 の解像度をシミュレートすると、効果は正しくなります。

シェーダは、すべてのデバイスで同じサイズのオフスクリーン バッファ (640x480 ピクセル) で動作します。

vertex shader:
{
    attribute highp vec4    inVert; //vertex stream
    uniform highp mat4   inPMVMat; //transform to projected space
    attribute mediump vec2 inUV0;
    attribute lowp vec4 inCol;
    uniform mediump vec2 inUVOffset;
            uniform mediump vec2 inUVScale;
    varying mediump vec2 vTexCoord;
    varying mediump float FragColor;
    void main(void)
    {
        gl_Position = inPMVMat * inVert;//set vertex position in projected space
        vTexCoord = inUV0*inUVScale;// + inUVOffset;//pass texture to fragment shader
        FragColor = inCol.a;
    }
}


fragment shader:
{
    uniform sampler2D myTexture;
    varying mediump vec2 vTexCoord;
    varying mediump float FragColor;
    lowp float MaxDistance, Distance;
    lowp float Shift;
    void main(void)
    {
        gl_FragColor = texture2D(myTexture, vTexCoord);
        mediump vec2 PixelSize = vec2(1.0 / 640.0, 1.0 / 480.0);
        mediump vec2 Direction = vec2(PixelSize.x*0.5,PixelSize.y*0.5);

        if(gl_FragColor.a >= 0.5)
        {
            //inner shadow
            MaxDistance = 15.0;
        } else {
            //drop shadow
            MaxDistance = 12.0;
            Direction = -Direction;
        }


        mediump vec2 Position = vTexCoord;
        mediump float c;
        for(Distance = MaxDistance; Distance > 0.0;Distance -= 1.0)
        {
            Position += Direction;
            c = texture2D(myTexture,Position).a;
            if(c < 0.5)
            {
                if(gl_FragColor.a >= 0.5)
                {
                    //found transparent edge - do inner shadow
                    Shift = 1.0-((0.5/MaxDistance)*Distance);
                    gl_FragColor.r *= Shift;
                    gl_FragColor.g *= Shift;
                    gl_FragColor.b *= Shift;
                    break;
                }
            } else {
                if(gl_FragColor.a < 0.5)
                {
                    //found opaque edge - do dropshadow
                    gl_FragColor.a = ((0.8/MaxDistance)*Distance);
                    break;
                }
            }
        }
        gl_FragColor.a *= FragColor;
    }
}

画像:

gs2

タブ

4

1 に答える 1

1

多くの実験の後、最終的にこれに対する解決策を見つけました。lowp の MaxDistance、Distance、および Shift 変数が原因でした。mediump に変更した後、すべてのデバイスで問題なく動作します。機種によって精度に多少のバラツキがあると思います

于 2013-03-20T18:35:39.093 に答える