
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
WebGL程序的结构
在HTML中,动态网页包括HTML和JavaScript两种语言。引入WebGL后,还需要加入着色器语言GLSL ES,也就是说,WebGL页面包含了三种语言:HTML5(超文本标记语言)、JavaScript,和GLSL ES。图1.5显示了传统的动态网页(左侧)和使用WebGL的网页(右侧)的软件结构。

图1.5 传统的动态网页(左侧)和WebGL网页(右侧)的软件结构
然而,因为通常GLSL ES是(以字符串的形式)在JavaScript中编写的,实际上WebGL程序也只需用到HTML文件和JavaScript文件。所以,虽然WebGL网页更加复杂了,但它仍然保持着与传统的动态网页相同的结构:只用到HTML文件和JavaScript文件。