GLSL ES 语言基础

着色器语言是 WebGL 渲染三维图形的关键（也能渲染二维，在浏览器中还可以使用Canvas API做二维渲染），而 GLSL ES 是专门用来编写着色器的编程语言，即我们常说的 Shader 编程语言的一种。

GLSL ES 编程语言是在 OpenGL 着色器语言的基础上，删除和简化一部分功能后形成的，目标平台是消费类电子产器和嵌入式设备（如智能手或游戏机），简化后的 GLSL ES 能够允许硬件厂商对这些设备的硬件进行简化，从而降低硬件的功耗，减少性能开销。

基础

使用GLSL ES编写着色器程序时，注意以下两点：

• 程序是大小写敏感的（Main 和 main 不同）。

• 每一个语句者应该以一个英文分号（;）结束。

代码入口

着色器程序和C语言接近，它从 main() 函数开始执行，必须有且仅有一个 main() 函数，而且不接收任何参数。

main() 函数前的 void 关键字表示这个函数不返回任何值，在 GLSL ES 中如果一个函数有返回值，必须在定义函数时明确指定返回值的类型，如果没有返回值，也需要使用 void 来明确表示。

注释

在着色器程序中，可以添加注释，支持下面两种形式：

• 单行注释：// 后面直到换行处的所有字符为注释。

int kp = 496; // kp是一个卡布列克数

• 多行注释：/* 和 */ 之间的所有字符为注释。

/**	
我们是一起在学习 WebGL	
从今天开始学习 GLSL ES	
*/

---

《WebGL编程指南》是入门WebGL的绝佳好书，对了解游戏引擎底层渲染原理大有裨益，「奎特尔星球」公众号计划将书中内容拆解成若干篇的知识点笔记，方便大家在碎片时间学习，欢迎你一起学习！

1. CreatorPrimer|飞机大战（一）

2. CreatorPrimer|飞机大战（二）

3. 麒麟子Cocos Creator v2.1.1试玩报告

4. 贝塞尔曲线动作小工具

5. Creator2.x摄像跟随实现RPG地图

6. Cocos实现对ETC2的支持

7. CreatorPrimer|组件编码心得(上)

8. CreatorPrimer|组件编码心得(中)

9. CreatorPrimer|组件编码心得(下)

10. 2D MMO中角色动画的优化总结