什么是WebGL #

现代图形系统 #

• 光栅：构成图像的像素阵列
• 像素：对应图像上的一个点， 保存某个具体位置的颜色等信息
• 帧缓存：
• CPU：中心处理器，处理逻辑
• GPU：图形处理器，处理图形

CPU vs GPU OpenGL vs WebGL

• 轮廓提取

• 光栅化

• 帧渲染

• 创建webGL上下文

• 创建WebGL Program

  • 顶点着色器
  • 片源着色器