顶点怎么变成裁剪空间坐标

本节点在骨架 ① 的第 1 环——也是整条管线的入口。

在顶点被搬进裁剪空间之前，它得先存在。而顶点并不自动存在——它们只是躺在顶点缓冲里的一串字节， 等着输入装配按规则把它们捞出来。规则就两个数字：步长 stride 和起始偏移 offset。 本段只增加一样东西：取址规则。

本节点在骨架 ① 的第 2 环——顶点已经读进来了，但它们还在你自己的坐标系里。

上一段只把顶点从缓冲里读了出来，它们的坐标还是你随手写的数值。GPU 不认这套坐标，它只认裁剪空间。 中间那次搬运就是顶点着色器干的活——而搬运的旋钮，是一个矩阵。 本段只增加一样东西：一个矩阵。

// 每个顶点调用一次
@vertex
fn vs(p : vec2f) -> VSOut {
  let clip = u_matrix * vec4f(p, 0, 1);
  o.pos = clip;
  o.color = clip * 0.5 + 0.5;
  return o;
}

m = projection(400, 300);
m = translate(m, x, y);
m = rotate(m, angle);
m = scale(m, sx, sy);

本节点在骨架 ① 的第 3 环——顶点已经在裁剪空间里，但还没变成屏幕坐标。

上一段把顶点搬进了裁剪空间。可裁剪空间是个 [-1, 1] 的立方体：落在外面的顶点，本来就不该出现在屏幕上。 这一环是固定功能阶段——没有 shader，硬件自己干两件事：把越界的切掉，把切出来的新顶点插在边界上。 本段只增加一样东西：越界判定与切割。

本节点在骨架 ① 的最后一环——顶点已经是合法的 NDC 了，但它还不是像素。

裁剪之后，顶点落在 [-1, 1] 的方框里。可屏幕上没有「NDC」，只有像素。把这个方框搬到屏幕上的哪一块、搬多大， 由一个叫视口的矩形决定——这一步同样是固定功能，也没有 shader。 本段只增加一样东西：视口。