这是我参与「第四届青训营 」笔记创作活动的的第15天
初识WebGL
Mordern Graphics System
- 光栅（Raster）：几乎所有的现代图形系统都是基于光栅来绘制图形的，光栅就是指构成图像的像素阵列。
- 像素（Pixel）：一个像素对应图像上的一个点，它通常保存图像上的某个具体位置的颜色等信息。
- 帧缓存（Frame Buffer）：在绘图过程中，像素信息被存放于帧缓存中，帧缓存是一块内存地址。
- CPU（Central Processing Unit）：中央处理单元，负责逻辑计算。
- GPU（Graphics Processing Unit）：图形处理单元，负责图形计算。
- 轮廓提取/meshing
- 光栅化
- 帧缓存
- 渲染
The Pipeline
CPU&GPU
CPU:
GPU:
WebGL&OpenGL
web.eecs.umich.edu/~sugih/cour…
WebGL
WebGL Startup
- 创建WebGL上下文
- 创建WebGL Program
- 将数据存入缓冲区
- 将缓冲区数据读取到GPU
- GPU执行WebGL程序，输出结果
