02 · 三角形与三种着色器

AI学WebGPU②：三角形里的三种着色器

1. 三角形解剖

   四段动画：顶点函数跑三次、NDC 与帧缓冲的 Y 方向相反、绕序与剔除、粗网格覆盖计数（示意，不是片段调用次数）。

2. 三种着色器

   本篇主页面：计算着色器算出三个顶点写进 storage buffer，顶点着色器读出来，片段着色器上色；可切常量色与按位置渐变，拖 scale 重跑计算。

3. 九步步进器

   每点一步执行一次真实调用。第 ⑤～⑧ 步画布仍是空的，直到 ⑨ submit 之后三角形才出现。

4. 最小三角形

   文章正文里的那份代码：顶点加片段两段着色器，画一个橙色三角形。改坐标和颜色都在这里试。