一些可能有用的链接。

教程

• 给初学者的 3D 游戏着色器 有很多很好的关于图形技术的解释。它是基于 OpenGL 的，但图文并茂的解释应该很容易应用到 WebGL 中。

• 学习 OpenGL：现代 OpenGl 课程

  这可能有用，也可能没用。尽管 API 相似，但 OpenGL 不是 WebGL。 一是 OpenGL 是基于 C 语言的库。另一个问题是 OpenGL 比 WebGL 有更多的特性，着色器语言也有区别。 尽管如此，展示的很多想法和技巧在 WebGL 中同样有用。

辅助类 / 扩展

• Spector：展示所有 WebGL 调用的扩展。

• Shader Editor：在网页实时预览和编辑着色器的扩展。

• WebGL Insight：可视化 WebGL 使用情况的扩展。

• webgl-helpers：有助于 WebGL 的脚本

库

• twgl：简化 WebGL 的库。

• three.js：最流行的 JavaScript 3D 库。

• PlayCanvas：带游戏编辑器的 WebGL 游戏引擎。

• regl：无状态的函数式 WebGL 库。

规范

• WebGL: WebGL 规范。

• OpenGL ES 2.0: WebGL 依据的规范。

• GLSL ES 1.0: WebGL 着色器语言规范。

有趣的

• Shadertoy.com：在严苛限制条件下产生的神奇的片段着色器。

  警告：在 shadertoy.com 上使用的着色器通常不是生产环境 WebGL 应用使用的着色器。但很多技巧可以从中学习。

• glslsandbox.com：原始的片段着色器 playground。

• vertexshaerart.com：顶点着色器 版 glslsandbox。

如果你知道其它好的参考，请 open an issue.