开个新坑,不知道能不能做完
学习地址:mdn地址
浏览器支持范围:支持范围
首先是创建一个容器,与canvas的canvas.getContext('2d')
相似
let canvas = document.getElementById('myCanvas');
let gl = canvas.getContext('webgl');
着色器demo
var program = gl.createProgram();
// 添加预先存在的着色器
gl.attachShader(program, vertexShader);
gl.attachShader(program, fragmentShader);
gl.linkProgram(program);
if ( !gl.getProgramParameter( program, gl.LINK_STATUS) ) {
var info = gl.getProgramInfoLog(program);
throw 'WebGL program 不能编译. \n\n' + info;
}