WebGL学习|青训营笔记这是我参与「第五届青训营」伴学笔记创作活动的第16天一、本堂课重点内容：二、详细知识点介

这是我参与「第五届青训营」伴学笔记创作活动的第16天

一、本堂课重点内容：

二、详细知识点介绍：

WebGL渲染是一种运用了GPU能力的3D渲染技术
现代计算机图形系统

几乎所有的现代图形系统都是基于光栅来绘制图形的，光栅就是指构成图像的像素阵列，其中一个像素对应图像上的一个点，像素通常保存图像上的某个具体位置的颜色等信息，在绘图过程中，像素信息存放于帧缓存中，帧缓存是一块内存地址。
图像处理流程

1）轮廓提取

2）光栅化（变为像素点）

3）帧缓存

4）渲染
计算机处理器的选择
- 常用计算机处理器
  
  CPU：中央处理单元，负责逻辑计算。
  
  GPU：图形处理单元，负责图形计算。
由于每次处理的图片有庞大的像素点，故绘制图片选择GPU处理器
- GPU优点
  
  1）GPU由大量的小运算单元构成
  
  2）每个运算单元只负责处理很简单的计算
  
  3）每个运算单元彼此独立
  
  4）因此所有计算可以并行处理
WebGL渲染流程

1）创建WebGL上下文

2）创建WebGL Program

3）将数据存入缓冲区

4）将缓冲区数据读取到GPU

5）GPU执行WebGL程序，输出结果
图片转换方法
- 常见2D3D图片转换方法
  
  1）平移
  
  2）旋转
  
  3）缩放
  
  具体公式如下：
- 3D标准模型的四个齐次矩阵
1）投影矩阵 —— 确定坐标系

2）模型矩阵 —— 对元素本身进行transform

3）视图矩阵

4）法向量矩阵 —— 定义3D模型中法线坐标

三、引用参考：