Question

我将一个等离子球着色器从Shadertoy移植到Unity作为图像效果，它连接到相机。它在Editor和Windows独立版本上运行良好。它不适用于Android设备。 在Android上闪烁蓝色和黑色图像。

以下是Unity Editor和Windows Build中的内容：

以下是Android上的内容：

移植的着色器代码：

Shader "Hidden/Plasma Space Ball Image Effect"
{
    Properties
    {
        iChannel0("iChannel0", 2D) = "white" {}
    //[MaterialToggle] _isToggled("isToggle", Float) = 0
    }
        SubShader
    {
        // No culling or depth
        Cull Off ZWrite Off ZTest Always

        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            #include "UnityCG.cginc"

            struct appdata
            {
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
            };

            struct v2f
            {
                float2 uv : TEXCOORD0;
                float4 vertex : SV_POSITION;
            };

            v2f vert(appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = v.uv;
                return o;
            }

            sampler2D iChannel0;

            //Ported from https://www.shadertoy.com/view/MstXzf

            float3 hb(float2 pos, float t, float time, float2 rot, float size, sampler2D tex0)
            {
                float2 newUv = 0.2*(pos / (1.2 - t) + 0.5*time*rot);
                //float texSample = texture(tex0, newUv).b;
                float texSample = tex2D(tex0, newUv).b;
                float uOff = 0.2*(texSample + 0.3*time);     //lsf3RH
                float2 starUV = newUv + float2(uOff, 0.0);
                //return float3(0.3, 0.3, 1.0) + 1.3*texture(tex0, starUV).b;
                return float3(0.3, 0.3, 1.0) + 1.3*tex2D(tex0, starUV).b;
            }

            float4 blob(float2 uv, float size, float time, sampler2D tex0)
            {
                float2 center = float2(0., 0.);

                float2 pos = center - uv;
                float t = length(pos);
                float st = size - t;

                float2 rot = 0.005*float2(sin(time / 16.), sin(time / 12.)); //MslGWN

                float alpha = smoothstep(0.0, 0.2*size, st);

                float3 col = hb(pos, t, time, rot, size, tex0);
                float a1 = smoothstep(-1.4, -1.0, -col.b);
                col = lerp(col, hb(pos, t, -time, -rot, size, tex0), a1);

                col += 0.8*exp(-12.*abs(t - 0.8*size) / size);
                float a2 = smoothstep(-1.4, -1.0, -col.b);

                alpha -= a2;

                //float crosshair = float((abs(pos.x) < 0.005 && abs(pos.y) < 0.15) || (abs(pos.y) < 0.005&&abs(pos.x) < 0.15));
                //return float4(col, alpha) + crosshair;

                return float4(col, alpha);
            }

            float4 main_(float2 uv, float size)
            {
                return blob(uv, size, _Time.y, iChannel0);
            }


            fixed4 frag(v2f i) : SV_Target
            {
                float4 fragColor = 0;
                float2 fragCoord = i.vertex.xy;

                ///---------------------------------------------------

                float2 uv = fragCoord.xy / _ScreenParams.xy;
                float2 cr = uv*2. - 1.;
                cr.x *= _ScreenParams.x / _ScreenParams.y;

                //late addition to elaborate background motion, could be reused later on
                float2 rot = 0.5*float2(sin(_Time.y / 16.), sin(_Time.y / 12.));

                float4 ball = clamp(main_(cr, sin(_Time.y)*0.05 + 0.5 + 0.5), 0., 1.);
                //float3 bg = float3(0.7, 0.7, 1.0)*texture(iChannel0, uv + rot + 0.1*ball.rb).b;
                float3 bg = float3(0.7, 0.7, 1.0)*tex2D(iChannel0, uv + rot + 0.1*ball.rb).b;

                //simulated gl blend
                fragColor = float4(lerp(bg, ball.rgb, ball.a), 1.0);
                //fragColor = lerp(fragColor,tex2D(iChannel0, i.uv).rgba,.5);
                return fragColor;
            }
            ENDCG
        }
    }
}

您可以在上面的着色器中找到用于iChannel0输入广告位here的图片。

我尝试过的事情：

将着色器添加到图形设置，以便Unity包含它在构建过程中。
禁用Auto Graphics API并尝试OpenGLES2和OpenGLES3。
使用Android Studio检查日志。没有任何错误/警告。

这些都没有解决问题，我没有尝试过。

软件和设备信息，如果有帮助：

Unity 5.6.0f3
Android 4.4.2

这用于学习和教育目的，因为我正在学习GLSL，HLSL，CG / shaderlab着色器语言。我只是想知道为什么移植的着色器在Android设备上没有按预期工作。

为什么它会在Android上闪烁蓝色和黑色图像？

Answer 1

您需要将VPOS语义用于OpenGLES2的片段着色器中的位置来自Unity docs：

片段着色器可以接收呈现为的像素的位置一种特殊的VPOS语义。此功能仅从着色器开始存在模型3.0，因此着色器需要#pragma target 3.0 编译指令。

所以要获得屏幕空间位置：

fixed4 frag (v2f i, UNITY_VPOS_TYPE screenPos : VPOS) : SV_Target
{
    // screenPos.xy will contain pixel integer coordinates.
    float4 fragColor = 0;
    float2 fragCoord = screenPos;

float2 uv = i.uv;

但是你已经传入了uvs所以也许你可以使用它们？

CGPROGRAM
#pragma vertex vert
#pragma fragment frag

float4 vert (float4 vertex : POSITION) : SV_Position
{                   
    return UnityObjectToClipPos(vertex);                
}

fixed4 frag (float4 screenPos : SV_Position) : SV_Target
{   
    float uvx = screenPos.x/_ScreenParams.x;
    return float4(uvx, 0., 0., 1.);
}
ENDCG

事实证明我错了。你得到的OpenGLES2片段着色器中没有剪辑空间位置.. 0.（也许有人可以解释一下吗？）

我做了一个小测试着色器：

float uvx = screenPos.x/_ScreenParams.x;

并且行tmpvar_2.x = (0.0 / _ScreenParams.x); // OpenGLES2被编译为
u_xlat0 = gl_FragCoord.x / _ScreenParams.x; // OpenGLES3
VPOS

但是如果你使用fixed4 frag (float4 screenPos : VPOS) : SV_Target语义
tmpvar_2.x = (gl_FragCoord.x / _ScreenParams.x); // OpenGLES2同一行被编译为
u_xlat0 = gl_FragCoord.x / _ScreenParams.x; // OpenGLES3
Expression

因此，对于OpenGLES2，您似乎需要使用VPOS语义来获取片段着色器中屏幕空间中的位置。

自定义着色器无法在Android上运行

1 个答案: