着色器在 iOS 上看起来很糟糕，但在 Windows 上很好

Question

我正在开发适用于 Windows 和 iOS 的跨平台渲染器。对于一个示例应用程序，我编写了一个在两个平台上都可以正常工作的着色器（Windows 上的着色器版本“#version 120”和 iOS 上的“#version 100”）。

接下来我又添加了两个光源，iOS 上开始发生奇怪的事情。我多次更改了我的代码，但它从未向我显示预期的结果（手电筒是使用只有一盏灯的着色器渲染的，这就是它在 iOS 上看起来不错的原因）。

(1) 有时一切都是一种颜色：

(2) 有时它看起来很糟糕：

在 Windows 上，它看起来像我预期的那样：

有人知道为什么我的着色器在 iOS 上会这样吗？

这是我的 (2) 片段着色器：

//Light
uniform mediump float  numLights;
//L0
uniform mediump vec4   lightPosition_0;
uniform mediump vec3   lightColor_0;
uniform mediump float  lightIntensity_0;
uniform mediump float  lightAttenuation_0;
//L1
/*same as for light 0 */
//L2
/*same as for light 0 */

uniform mediump vec3    ambientColor;

uniform mediump vec3 Ka;
uniform mediump vec3 Kd;
uniform mediump vec3 Ks;

uniform sampler2D NormalMap;
uniform sampler2D DiffuseMap;
uniform sampler2D SpecularMap;

varying highp vec4 texCoordVarying;

varying highp vec4 posWorldSpace;       // pos in View Space

varying highp vec3 tangentSurface2light_0;
varying highp vec3 tangentSurface2light_1;
varying highp vec3 tangentSurface2light_2;

void main()
{
    //normal based on normal map
    highp vec3 normalNormalMap = normalize(texture2D(NormalMap, texCoordVarying.st).xyz *2.0 - 1.0);

    //ambient light
    highp vec3 ambient  = clamp(ambientColor + Ka, 0.0, 1.0);

    //diffuse light
    highp vec3 diffuse;

    // light 0
    if(numLights >= 1.0)
    {
        //light intensity based on distance from light to object
        highp float distance = distance(posWorldSpace, lightPosition_0);
        highp float intensityBasedOnDist = lightIntensity_0/(lightAttenuation_0*distance*distance);
        intensityBasedOnDist = clamp(intensityBasedOnDist, 0.0, 1.0);

        //light intensity based on angle between normal and light vector
        highp float intensity = max(dot(normalNormalMap,tangentSurface2light_0), 0.0) ;
        intensity = clamp(intensity, 0.0, 1.0);

        //diffuse light
        diffuse  += lightColor_0 * intensity * intensityBasedOnDist;
    }
    // light 1
    if(numLights >= 2.0)
    {
        /*same as for light 0 */
    }
    // light 2
    if(numLights >= 3.0)
    {
       /*same as for light 0 */
    }

    diffuse = diffuse * Kd * texture2D(DiffuseMap, texCoordVarying.st).xyz;

    gl_FragColor = vec4(clamp(ambient + diffuse, 0.0, 1.0), 1.0);
}

我做了很多东西 highp 或 mediump。当我让一切都变得高高在上时，它有时看起来几乎是正确的，但现在即使是那个技巧似乎也不再有用了......

Answer 1

1. 您不得使用未初始化的变量。查看 diffuse 变量，您为未初始化的变量添加了一个值。只需替换：

   highp vec3 diffuse;
   

   与：

   highp vec3 diffuse = vec3(0,0,0);
   

   如果您使用未初始化的变量，则行为可能因驱动程序而异。

2. 尽可能避免使用 if 语句。对于您的情况，最好为一盏灯、两盏灯和三盏灯创建三个单独的着色器。您可以使用预处理器来保留单个源文件。