对于用惯了各种框架、库的程序员来说,原生WebGL的错误提示确实很不友好,经常一个小bug要找半天才能发现问题所在。给大家提供几个容易被忽略的API,gl.getShaderParameter()、gl.getShaderInfoLog() 、gl.getProgramParameter、 gl.getProgramInfoLog(),利用这几个API我们可以查看日志信息从而发现部分bug产生处。
gl.getShaderParameter(shader,pname) | gl.getShaderInfoLog(shader) |
---|
首先介绍这两个成对的API,gl.getShaderParameter()用以返回着色器信息,当其pname参数设置为gl.COMPILE_STATUS时就可以检查着色器编译是否成功(成功返回true)。在发现gl.getShaderParameter()返回false时就可以说明是着色器编译时发生了错误,这个时候就需要再调用gl.getShaderInfoLog()去获取着色器的信息日志,查看具体的错误位置以及错误类型。
gl.getProgramParameter(shader,pname) | gl.getProgramInfoLog(shader) |
---|
接下来这两个API功能与使用方法类似上面两个,不过检查对象变成了WebGL的程序对象(program)。将gl.getProgramParameter()的pname属性指定为gl.LINK_STATUS就可以通过返回值判断是连接成功,连接失败时再调用
gl.getProgramInfoLog()去获取程序对象的信息日志,查看具体的错误位置以及错误类型。
根据博主前期的经验,新手大多数的错误都是拼写错了WebGL那长长的API,所以使用支持webgl补全的编辑器或者安装相应的补全插件将会大大降低你前期的出错率。