我刚开始使用webgl并遵循此tutorial,但是我遇到了奇怪的错误消息。 ERROR: unsupported shader version
。VertexShader看起来像这样:
var vertexShaderSource = `#version 300 es
// an attribute is an input (in) to a vertex shader.
// It will receive data from a buffer
in vec4 a_position;
// all shaders have a main function
void main() {
// gl_Position is a special variable a vertex shader
// is responsible for setting
gl_Position = a_position;
}
`;
和片段着色器看起来像这样:
var fragmentShaderSource = `#version 300 es
// fragment shaders don't have a default precision so we need
// to pick one. mediump is a good default. It means "medium precision"
precision mediump float;
// we need to declare an output for the fragment shader
out vec4 outColor;
void main() {
// Just set the output to a constant reddish-purple
outColor = vec4(1, 0, 0.5, 1);
}
`;
然后将它们转换为具有以下功能的着色器,并记录上述错误:
function createShader(gl,type,source) {
var shader = gl.createShader(type);
gl.shaderSource(shader,source);
gl.compileShader(shader);
var success = gl.getShaderParameter(shader,gl.COMPILE_STATUS);
if(success) {
return shader;
}
console.log(gl.getShaderInfoLog(shader));
gl.deleteShader(shader);
}
我真的希望您能为此提供帮助,并在此先感谢。
如果要使用GLSL ES 3.00着色器,则必须创建WebGL 2.0上下文。
请参见HTMLCanvasElement.getContext()
。例如:
HTMLCanvasElement.getContext()
请参见var ctx = canvas.getContext("webgl2");
:
除了支持OpenGL ES着色语言1.00版之外,WebGL 2.0 API还接受以OpenGL ES着色语言3.00版编写的着色器,但有一些限制。 [...]