3D 软件光栅化（Software Rasterizer）

🧮算法原理

透视除法与视口变换

投影后的坐标除以 w 得到 −1~1 的标准化坐标（NDC），再映射到像素坐标。w 越大（越远），除完越靠近画面中心，这就是透视。

背面剔除

模型的三角形统一按逆时针绕向朝外。投影到屏幕后，如果三个顶点变成反方向，说明这一面背对相机，直接跳过。封闭模型通常能省掉一半以上的三角形；相机越近，能看到的部分越少，剔除得越多。

边函数与左上规则

对三角形包围盒里的每个像素中心，计算它相对三条边的边函数。三个值同号就在三角形内，三个值除以总面积就是重心坐标。像素恰好落在边上时按「左上规则」只归一个三角形，所以相邻三角形的公共边既不会漏画，也不会重复画。

深度缓冲（z-buffer）

每个像素记住目前画过的最近深度。新像素比它更近才写入颜色并更新深度，否则丢弃。这样三角形可以按任意顺序画，遮挡关系依然正确。「深度缓冲」模式把这张表直接画成灰度图：越近越亮。

透视校正插值

屏幕上线性变化的是 1/w 而不是原始属性。插值法线等属性时先插值「属性/w」和「1/w」，再相除，否则贴近相机的大三角形上会出现扭曲。

平面着色与 Phong 着色

平面着色每个三角形用自己的面法线，能看出一个个小平面；Phong 着色在每个像素插值顶点法线，再用 Blinn-Phong 公式计算环境光、漫反射和高光，曲面看起来就是光滑的。立方体的棱角是真实的，所以两种模式下都用面法线。

🔄Rust 与 JavaScript 的分工

1. JS每一帧 requestAnimationFrame 更新旋转角，调用 raster_render(宽, 高, 模型, rx, ry, 缩放, 模式)。
2. RustRust 生成（并缓存）模型网格，依次做顶点变换、背面剔除、光栅化、深度测试和着色，返回 RGBA 像素数组；raster_stats() 返回三角形总数、剔除数、绘制数和着色像素数。
3. JSJS 把像素包装成 ImageData，用 putImageData 画到 Canvas 上，并在底部显示耗时和统计。