WEBGL

线性代数

哔哩哔哩： https://b23.tv/44HJiYQ

WEBGL 渲染流程

确定顶点坐标 -> 图元装配 -> 光栅化 -> 图形绘制

1. 图元装配：独立的顶点坐标装配成几何图形，图形类别通过 drawArrays 参数 1 决定
2. 光栅化： 将装配好的图形转化为片元
   • 对于不透明物体，背面对于观察者来说是不可见的。那么在渲染过程中，就会将不可见的部分剔除，不参与绘制。节省渲染开销。
   • 在可视范围之外的事物是看不到的。图形生成后，有的部分可能位于可视范围之外，这一部分会被剪裁掉，不参与绘制
3. 图形绘制：通过片元着色器，一个片元一个片元绘制到浏览器(一个点一个点的)

geometry 动画

geometry 及相关需要设置 webgl 的 attributes 属性的都需要设置 needsUpdate