webGL是利用GPU渲染的API
由LGBA语言编写
CPU提取轮廓 光栅化 帧缓存
渲染
GPU由大量小运算单元构成
webGL Startup
两级 顶点折射器 片源折射器（处理顶点和图源区域内所有的像素点）
右手系直角坐标系
2D绘制的话代码没有那么长
2D有mesh.js接口
Earcut做三角剖分
3D Meshing
先通过其他软件导出网格数据
Transforms
平移
旋转
缩放
旋转加缩放是线性变换
3D Matrix
3D 标准模型的四个齐次矩阵(mat4
1.投影矩阵 Projection Matrix 定义坐标系
2.模型矩阵 Model Matrix 对这个元素本身的变化
3.视图矩阵 View Matrix 相当于摄像机
4.法向量矩阵 Normal Matrix 每个面法线的所构成的坐标系
网格噪声
sprite.JS
