1 初试webGL

const canvas = document.getElementById('canvas')
//获取webgl上下文对象 相当于设置画笔
const gl = canvas.getContext('webgl')
//声明颜色
gl.clearColor(0,0,0,1)gl.clear(gl.COLOR_BUFFER_BIT)

2 将rbga颜色设置为webgl颜色

使用three.js的color

const color = new Color('rgba(255,1,2,1)')

3 webgl坐标系

坐标中心位于原点，y轴方向朝上，其余和正常坐标系一致

4 webgl绘图步骤

建立canvas画图
获取canvas画布
使用canvas获取wegbl绘图上下文
在script中建立顶点着色器和片元着色器