常见接口

此书自定义接口

1. 获取WebGL绘图上下文

getWebGLContext(element, [debug])

参数

• element:指定元素
• debug(可选):默认为false，设置为true则JavaScript中的错误会被显示到控制台上。打开后会影响性能，最好在调试后关闭它。

返回值

• non-null WebGL绘图上下文
• null WebGL不可用

关键代码

var names = ["webgl", "experimental-webgl", "webkit-3d", "moz-webgl"];
var context = null;
for (var ii = 0; ii < names.length; ++ii) {
  try {
    context = canvas.getContext(names[ii], opt_attribs);
  } catch(e) {}
  if (context) {
    break;
  }
}
return context;

• 通常在学习中，我们常见的获取WebGL的方法应该是

var context = canvas.getContext("webgl")

• 此处遍历了数组来获取是对浏览器的兼容性进行了处理

WebGL 接口

1. 设置<canvas>的清除颜色（书中称为背景色）

gl.clearColor(r,g,b,a)

WebGLRenderingContext.clearColor()

2. 清空缓冲区(颜色缓冲区/深度缓冲区/模板缓冲区)

gl.clear(buffer)

WebGLRenderingContext.clear()

更新中…