实现 mvp 矩阵（模型矩阵、视图矩阵、投影矩阵）使用 webgl 完成一个旋转三角形的开发

编程类型： JavaScript

技能点：webgl，mvp 矩阵理解、渲染原理

题目描述：

根据课程中学习的 mvp 矩阵和渲染原理，实现 mvp 矩阵使用 webgl 完成一个旋转三角形的开发。预期完成的功能包括：1. 生成 mvp 矩阵的核心代码实现；2. 使用 webgl 结合 mvp 矩阵的生成流程完成实际渲染效果的开发；3. 推导 mvp 矩阵的原理和数学逻辑；

任务要求（按实现步骤对任务进行分解）：

1、基于课程内容完成生成 mvp 矩阵的核心代码实现，可封装成lib库；

2、基于课程内容使用 webgl 结合 mvp 矩阵的生成流程完成实际渲染效果的开发；

3、推导 mvp 矩阵的原理和数据逻辑，可以在练习本上进行推导，截图上传。

辅助资料：（提供给用户的，供用户在练习时使用的图片、数据等文件）

https://git.imooc.com/coding-282/webgl_rendering 中对应的源码

任务提示/思路分析：

任务提示：

1. mvp 矩阵的核心代码需要完全理解 mvp 矩阵的原理才能无误地开发出来，所以建议先完成任务3的理解和推导工作，再参照课程视频进行任务1的开发；
2. 在最终实际渲染效果开发的时候，有可能感觉代码逻辑是对的，但是看不到预期的渲染效果，确认 mvp 矩阵代码无误后，可以从相机的射线方向，视锥体的大小等方面考虑分析原因。

参考答案：

暂无，预计之后提供针对该任务题独立的代码和图文答案。