首页 > 代码库 > 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>
更多的差异,后续不断发现,再随时补充进来。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。