首页 > 代码库 > WebGL 中 OpenGL ES 指令与 iOS 中 C 版指令的差异简析

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>

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