3. 光栅化

做完变换操作，也就相当于将位置摆好，角度选好了，那么下一步就是要将物体画到屏幕上，也就是将其转化为 2 维的。所谓的光栅化，要做的工作就是将物体画到屏幕上

1. 屏幕和像素

1.1 屏幕

1. 屏幕是一种典型的光栅成像设备，由一组像素阵列组成
2. 像素的多少也就代表了分辨率

1.2 像素: 简单理解

1. 像素是屏幕上最小的单位，一个像素就是具有均匀颜色的一个小方块
2. 所谓均匀的颜色中，每种颜色都是由 $($红，绿，蓝$)$ 三原色混合组成的

1.3 屏幕空间: 为屏幕建系

1. 以左下角为原点，向右为 $x$ 正向，向上为 $y$ 正向
2. 约定: 像素在屏幕中的索引从 $0$ 开始
3. 坐标为 $\left(x,y\right)$ 的像素，其像素中心在 $\left(x+0.5,y+0.5\right)$ 上

2. 光栅化

2.1 将规范立方体转化到屏幕上

变换过程

以转换立方体的 $xoy$ 平面到屏幕上为例

1. 忽略 $z$ 轴
2. 将 ${\left[-1,1\right]}^2$ 平面拉扯到 $\left[0,width\right]\times \left[0,height\right]$ 平面
   • 这里确实是 $\left[0,width\right]\times \left[0,height\right]$ 而非 $\left[0,width-1\right]\times \left[0,height-1\right]$
   • 因为像素的坐标和屏幕还是不太一样，右上角像素的中心是 $\left(width-1+0.5,height-1+0.5\right)$，因此屏幕的右上角就是在此基础上各再加 $0.5$，即 $\left(width,height\right)$ 了

变换矩阵

通过一个变换矩阵 ${\mathbf{M}}_{viewport}$ 可以完成上述变换，该变换称为 视口变换
M v i e w p o r