Canvas原生API(纯CPU)计算并渲染三维图
前端工程师学图形学:Games101 第三次作业
利用Canvas画三维中的三角形并使用超采样实现抗锯齿
最终完成功能
Canvas 原生API实现三角形栅格化算法
实现 z-buffer 判断三角形先后关系
使用 super-sampling 处理 Anti-aliasing,也就是超采样实现抗锯齿
1 整体分析本次实验中,首先需要进行矩阵变换,将初始传入的三角形经过变换后到规范立方体内,这需要进行三种变换。设一个点的坐标变换为(x, y, z) -> (x', y', z')
\[\begin{bmatrix} x' \\ y' \\ z' \\ 1 \end{bmatrix} = M_{presp} \times M_{view} \times M_{model} \times \begin{bmatrix} x \\ y \\ z \\ 1 \end{bmatrix} \]