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>

很多其它的差异，兴许不断发现。再随时补充进来。