OpenGL ES 2.0/3.0 中的单元格着色效果

Question

我将单元格阴影效果应用于对象，例如：

这很好用，但是片段着色器中有很多条件检查（“if”语句）：

#version 300 es
precision lowp float;

in float v_CosViewAngle;
in float v_LightIntensity;

const lowp vec3 defaultColor = vec3(0.1, 0.7, 0.9);

void main() {
    lowp float intensity = 0.0;
    if (v_CosViewAngle > 0.33) {
        intensity = 0.33;
        if (v_LightIntensity > 0.76) {
            intensity = 1.0;
        } else if (v_LightIntensity > 0.51) {
            intensity = 0.84;
        } else if (v_LightIntensity > 0.26) {
            intensity = 0.67;
        } else if (v_LightIntensity > 0.1) {
            intensity = 0.50;
        }
    }
    outColor = vec4(defaultColor * intensity, 1.0);
}

我猜片段着色器中的大量检查最终会影响性能。此外，着色器大小正在增加。特别是如果会有更多的单元格阴影级别。

还有其他方法可以达到这种效果吗？也许可以在这里使用一些 glsl 函数？

提前致谢！

Answer 1

将您的色带存储在 Nx1 纹理中，使用 v_LightIntensity 作为纹理坐标进行纹理查找。想要不同的着色级别计数，然后只需更改纹理即可。

EDIT 存储 NxM 纹理，使用 vLightIntensity 和 v_CosViewAngle 作为 2D 坐标进行查找，您可以完全杀死分支。