裁剪到底在裁什么

学 WebGL 3D 的时候，很多人都会反复看到一个词：

裁剪。

教程里经常会说：

• 顶点先进入裁剪空间
• GPU 会做裁剪
• 裁剪之后再做除法

但很多人其实并没有真正搞明白：

常见的困惑

• 是不是把跑到屏幕外的点直接删掉？
• 是不是只裁顶点，不裁线和三角形？
• 为什么裁剪要发生在 clip space 而不是 NDC？
• 如果一个三角形只有一半跑出去了GPU 会怎么处理？
• 不理解这些会导致后面的概念像是断开的链条。其实，

如果这一步理解不透。前面学过的这些概念就会一直像断开的：

• gl_Position
• clip space
• w
• 除法
• NDC
• viewport

这篇文章就专门把“裁剪”这一步单独讲清楚。

学完这一篇，你应该能回答这些问题：

1. 裁剪发生在哪个阶段？
2. 裁剪到底裁的是点、线、三角形，还是别的东西？
3. 为什么裁剪不是简单“删掉看不见的点”？
4. 为什么裁剪必须发生在除法之前？
5. 为什么裁剪空间会叫“裁剪空间”？

一、先给最短答案

主要一句话：

裁剪裁掉的不是“某个随便越界的像素”，而是那些落在可见体之外的图元部分。

再压缩成一句更好记的话：

裁剪裁的是“图元中超出可见范围的部分”。

*注意这里最关键的不是“顶点”两个字，而是：

图元
- 点
- 线
- 三角形
这些真正参与光栅化的几何单元。

二、先把裁剪放回完整管线里

相机坐标 -> 投影矩阵 -> 裁剪空间 -> 裁剪 -> 除法 -> NDC -> viewport -> 屏幕像素

• CUT1: 它不是最终才发生。也不是屏幕阶段的小修小补，而是靠前且必不可少的一环。
• CUT2: 位置不是随便选的，而是有严格原因。

三、为什么这一步叫“裁剪空间”

clip space之所以叫这个名字，是因为 GPU 正是在这一层空间里判断图元哪些部分还应该被保留。不过，

• 顶点着色器输出 gl_Position
• gl_Position 进入裁剪空间
• GPU 开始做“可见性范围判断”

至于CUT。它不是抽象中转站，而是为CUTING

CUT：它不只是把跑到屏幕外的顶点删掉，而是图元中超出可见体的那部分几何。