检查片段着色器中是否加载了webgl纹理

Question

我正在写一个带有纹理的webgl程序。

只要图像没有加载，纹理2D-函数就会返回一个vec4(0.0, 0.0, 0.0, 1.0)。所以所有对象都是黑色的。

所以我想检查一下，我的取样器2D是否可用。

我已经尝试过：

<script id="shader-fs" type="x-shader/x-fragment">
precision mediump float;

varying vec2 vTextureCoord;

uniform sampler2D uSampler;

void main(void) {
    vec4 color = texture2D(uSampler, vec2(vTextureCoord.s, vTextureCoord.t));
    if(color.r == 0.0 && color.g == 0.0 && color.b == 0.0)
       color = vec4(1.0, 1.0, 1.0, 1.0);

    gl_FragColor = color;
}
</script>

但这当然没有意义，因为纹理可能是黑色的。

有人能帮我吗？我如何检查，我的纹理图像是否已经加载到片段着色器中？

Answer 1

我会提供新的制服，无论纹理是否加载，它都会存储数据。

或者，可以编写两个带/不带纹理的着色器，并在渲染前选择合适的着色器。

Answer 2

你无法在WebGL中真正检查这一点。

解决：

>

加载纹理之前不要渲染

使用1x1像素纹理开始，加载后用图像填充。看到这个答案了吗

将更多信息传递给着色器，如uniform bool textureLoaded。在我看来，我总是选择#2，因为这意味着应用程序会立即运行，并且在下载时填充纹理。