Web特效06——WebGL深挖：顶点着色器和片元着色器到底在干什么上一篇我们把Canvas2D、WebGL、WebGPU三个原生API的抽象层级摆清楚了，也用一个最简三角形的demo，摸了一遍WebGL"写着色器→编译→绑定→绘制"的完整流程。但那个demo刻意做得极简——颜色是写死的，位置也是写死的，真正做特效需要的东西，都被我们一笔带过了。 这一篇就沿着这条线往下挖：顶点着色器和片元着色器到底是怎么分工协作的、attribute/uniform/varying这几种数据传递方式各自解决什么问题、JS里的数据怎么通过uniform实时传进shader、让画面动起来。裁