canvas之webgl的打开方式

OK,一个完整的dome是从无到有的。这篇文章将记录我的webgl之旅。不定时更新。

首先，新建一个canvas元素。

然后获取到它。

var e = document.ElementById('canvas');

try{
  var egl = e.getContext('webgl') || e.getContext('experimental-webgl');
}catch(e){
  alert("浏览器不支持webGL");
}

初始化

1 e.width = 500;
2 e.height = 500;
3 
4 //设置背景颜色和初始化画布
5 egl.clearColor(0, 0, 0, 1);  //只能使用0~1之间的RGB
6 
7 egl.clear(egl.COLOR_BUFFER_BIT)；

ok，一块黑色的初始化好的画布就完成了，酱婶的。