WebGL 中 OpenGL ES 指令与 iOS 中 C 版指令的差异简析

WebGL 中 OpenGL ES 指令与 iOS 中 C 版指令的差异简析

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)

本文遵循“署名-非商业用途-保持一致”创作公用协议

转载请保留此句：太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究：iOS、Android、Html5、Arduino、pcDuino，否则，出自本博客的文章拒绝转载或再转载，谢谢合作。

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>

更多的差异，后续不断发现，再随时补充进来。