一、设置场景

在这一章中,我们将经历创建一个用 WebGL 渲染的场景的所有步骤。我们将向您展示如何

  • 获取 WebGL 上下文
  • 在 WebGL 中创建不同的原语类型
  • 理解和创建顶点缓冲对象(vbo)和属性
  • 做静态二维渲染
  • 创建程序和着色器
  • 设置视图矩阵
  • 添加动画和运动
  • 渲染三维模型

一张空白的画布

让我们首先创建一个带有单个

元素的 HTML5 文档(参见[清单 1-1](#list1) )。

清单 1-1。 一张基本空白的画布

一张空白的画布