第2章　WebGL入门

正如第1章“WebGL概述”中所说，WebGL程序在屏幕上同时使用HTML和JavaScript来创建和显示三维图形。WebGL采用HTML5中新引入的＜canvas＞元素（标签），它定义了网页上的绘图区域。如果没有WebGL，JavaScript只能在＜canvas＞上绘制二维图形，有了WebGL，就可以在上面绘制三维图形了。

在这一章中，我们将通过创建若干个示例程序，一步步介绍＜canvas＞元素以及一些核心的WebGL函数。每一个示例都采用JavaScript编写，用WebGL在网页上显示一个简单的图形，并与之交互。所以，这些JavaScript程序又被称为WebGL程序（WebGL Application）。

示例程序的代码将加粗强调一些关键的部分，包括：

●WebGL如何获取＜canvas＞元素，如何在其上绘图。

●HTML文件如何引入WebGL JavaScript文件。

●简单的WebGL绘图函数。

●WebGL中的着色器程序。

在本章结束时，你将了解如何编写和运行最基本的WebGL程序，如何绘制简单的二维图形。有了这些知识，你就可以进一步学习第3章“绘制三角形”、第4章“变换和基本动画”和第5章“颜色与纹理”。