这是我参与「第五届青训营 」伴学笔记创作活动的第 16 天
本节课主要讲了WebGL相关知识。包括使用WebGL绘图，来绘制三角形，正方形等图像，还介绍了CPU与GPU做的一些工作和特性。
这节课相对前面的课程，让我觉得更加吃力，这个领域非常抽象，对于思维和数学逻辑的要求很高，先做一个大致了解，等以后再慢慢深入。
WebGL是什么？
GPU ≠ WebGL ≠ 计算机图形学
- 光栅：几乎所有的现代图形系统都是基于光栅来绘制图形的，光栅就是指构成图像的像素阵列
- 像素：一个像素对应图像上的一个点，它通常保存图像上的某个具体位置的颜色等信息
- 帧缓存：绘图过程中，像素信息被存放于帧缓存中，帧缓存是一块内存地址
- CPU：中央处理单元，负责逻辑计算
- GPU：图形处理单元，负责图形计算
- 轮廓提取/meshing
- 光栅化
- 帧缓存
- 渲染
CPU vs GPU
CPU：CPU 由数百万个晶体管组成，可以有多个处理内核，通常被称为计算机的大脑。
GPU：由大量的小运算单元构成，每个运算单元只负责处理很简单的计算，每个运算单元彼此独立，所以所有计算可以并行处理。
WebGL & OpenGL
WebGL流程
- 创建WebGL上下文
- 创建WebGL Program
- 将数据存入缓冲区
- 将缓冲区数据读取到GPU
- GPU执行WebGL程序．输出结果
3D模型
3D标准模型的四个齐次矩阵：
- 投影矩阵
- 模型矩阵
- 视图矩阵
- 法向量矩阵
