Question

在Chrome 22和Firefox 15中编译此WebGL片段着色器时：

precision mediump float;
uniform vec2 u_resolution;
uniform sampler2D u_tex;
void main() {
    vec2 texCoord = gl_FragCoord.xy / u_resolution;
    vec4 floatColor = texture2D(u_tex, texCoord);
    mat3 outerMat = outerProduct(floatColor.rgb,floatColor.rgb);
    gl_FragColor = vec4(outerMat[0], 1);  
}

我收到了这个错误：

ERROR: 0:8: 'outerProduct' : no matching overloaded function found
ERROR: 0:8: '=' :  cannot convert from 'const mediump float' to '3X3 matrix of float'

OpenGL ES 2.0 GLSL规范表明支持mat3 outerProduct(vec3,vec3)，WebGL规范说它接受ES着色器，所以我不确定出了什么问题。 WebGL片段着色器中是否不支持outerProduct，或者我做错了什么？

Answer 1

OpenGL ES 2.0 GLSL中没有outerProduct功能。你在哪里读到的？（或者我错过了吗？）

这是规范 http://www.khronos.org/registry/gles/specs/2.0/GLSL_ES_Specification_1.0.17.pdf

Answer 2

尝试mat3 outerMat = outerProduct(vec3(floatColor.rgb),vec3(floatColor.rgb));

要扩展，可能给它一个显式类型比使用.rgb更好。

Answer 3

它现在可用于webGL2。在此处检查您的系统：https://webglreport.com/?v=2

WebGL片段着色器是否支持outerProduct？

3 个答案: