webGl学习

开个新坑,不知道能不能做完
学习地址: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;
}