第二节 WebGL中着色器语言(GLSL ES)的简介

学习交流欢迎加群：789723098，博主会将一些demo整理共享

1 着色器简介

着色器语言(GLSL ES)由OpenGL的着色器语言GLSL简化而来， 主要是为了适应目前的移动端手持设备，例如智能手机和平板电脑，由于这些手持设备受限于硬件条件，其性能远不如电脑。这意味着对这些手持设备硬件的利用和开销就要恰到好处，故由此催生了GLSL ES，是为了降低硬件的功耗和性能开销。具体的着色器技术文档我们可以参考官方网址：https://www.khronos.org/registry/OpenGL-Refpages/。

2 着色器类型

WebGL着色器只用到众多着色器中的两种：顶点着色器(vertex shader)和片段着色器(fragment shader)。对于这两个着色器，在这里并不去过多的做详述，可以先这样理解：顶点着色器负责接收来自javaScript程序的顶点数据和颜色信息，经过一系列操作（像剪切，光栅化等，这一系列操作可以不用去深入理解），再将颜色信息传至片段着色器，最后生成图像呈现在我们面前。下面就对这两个着色器的代码做一个初步了解：

(1) 顶点着色器

attribute vec4 vPosition;