Three.js-着色器学习资源推荐（glsl）

目录

1.  The Book of Shaders

2.  WebGL零基础入门教程

---

1.The Book of Shaders

这是一本关于 Fragment Shaders（片段着色器）的入门指南，它将一步一步地带你领略其中的纷繁与抽象。

The Book of Shaders: Hello world!Gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.https://thebookofshaders.com/02/?lan=ch

这本书专门关于 GLSL pixel shaders。首先我们会给出shaders的定义；然后我们会学习如何制作程序里的形状，图案，材质，和与之相关的动画。你将会学到基础的着色语言并把它们应用到有用的情景中，比如：图像处理（图像运算，矩阵卷积，模糊，颜色滤镜，查找表及其他效果）和模拟（Conway 的生命游戏，Gray-Scott 反应扩散，水波，水彩效果，Voronoi 细胞等等）。到书的最后我们将看到一系列基于光线跟踪（Ray Marching）的进阶技术。

每章都会有可以玩的交互的例子。当你改动代码的时候，你会立刻看到这些变化。一些概念可能会晦涩难懂，而这些可交互的例子会对你学习这些材料非常有益。你越快把这些代码付诸实践，你学习的过程就会越容易。

• 这不是一本 openGL 或 webGL 的书。OpenGL/webGL 是一个比GLSL 或 fragment shaders 更大的主题。如果你想要学习 openGL/webGL 推荐看： OpenGL Introduction, the 8th edition of the OpenGL Programming Guide (也被叫做红宝书) 或 WebGL: Up and Running 。

• 这不是一本数学书。虽然我们会涉及到很多关于线代和三角学的算法和技术，但我们不会详细解释它。关于数学的问题我推荐手边备一本：3rd Edition of Mathematics for 3D Game Programming and computer Graphics 或 2nd Edition of Essential Mathematics for Games and Interactive Applications。

 该书中不仅提供了从零基础开始的glsl编译教学，还提供了许多额外的算法，用于对glsl内置函数的补充，实现各种想要实现的效果，例如随机算法、噪声栓发、网格噪声、分形布朗运动等。

• 随机
• 噪声
• 网格噪声
• 分形布朗运动

2.  WebGL零基础入门教程

WebGL 零基础入门教程 - 手册 - 文江博客第一章主要目的是让一个基本没有计算机图形基础的学员快速入门WebGL，建议大家按照顺序去阅读，不要跳过一些小节。其它的章节，大家可以根据个人需要，随意点击学习都可以。…https://www.wenjiangs.com/docs/webgl-introduction该个人博客中从WebGL零基础入门讲解到GLSL着色器语言，可以供开发者学习使用。