Canvas原生API(纯CPU)计算并渲染三维图

Canvas原生API(纯CPU)计算并渲染三维图

前端工程师学图形学:Games101 第三次作业

利用Canvas画三维中的三角形并使用超采样实现抗锯齿

最终完成功能

Canvas 原生API实现三角形栅格化算法

实现 z-buffer 判断三角形先后关系

使用 super-sampling 处理 Anti-aliasing,也就是超采样实现抗锯齿

第三次作业1

展示2

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} \]

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgwszs.html