WebGL 中 OpenGL ES 指令与 iOS 中 C 版指令的差异简析
太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)
本文遵循“署名-非商业用途-保持一致”创作公用协议
WebGL 中 OpenGL ES 指令与 iOS 中 C 版指令的差异,从整体上看,应该是 gl 前缀在 WebGL 版指令中的省略,举例对比如下:
glEnable(GL_CULL_FACE); glFrontFace(GL_CW);
gl.enable(gl.CULL_FACE); gl.frontFace(gl.CW);
从上面的示例中,可以看出,C 版使用的是全局的函数,面向过程的用法,故无所属对象;
而 WebGL 中封装成对象的方法后,通过 gl 对象(WebGL 对象的实例)的方法的形式来调用封装于 WebGL 对象中封装的与 C 版对应的指令,故省略 C 版指令的 gl 前缀也是在情理之中的。
至于 gl 对象,是按如下方式创建的:
var gl; function initGL(canvas) { try { gl = canvas.getContext("experimental-webgl"); gl.viewportWidth = canvas.width; gl.viewportHeight = canvas.height; } catch (e) { } if (!gl) { alert("Could not initialise WebGL, sorry :-("); } }
上面代码中的 canvas 是 html5 中的新增标签,通常使用其获取 2d 的上下文来进行绘图,在 WebGL 时代,新增了如上实现,能对 WebGL 进行支持。
var canvas = document.getElementById("lesson13-canvas");
<canvas id="lesson13-canvas" style="border: none;" width="500" height="500"></canvas>
更多的差异,后续不断发现,再随时补充进来。