以下是可能会对你有用的一些资源链接:
3d game shaders for beginners
提供了许多图形技术的精彩讲解。虽然是基于 OpenGL,但讲解图文并茂,因此应当可以较容易地将其适配为 WebGL。
Learn 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 库
WebGL2: WebGL2 的规范
OpenGL ES 3.0: WebGL2 所基于的 OpenGL ES 3.0 规范
GLSL ES 3.0: WebGL2 使用的着色器语言规范
Shadertoy.com: 在极限条件下创作的令人惊叹的片段着色器
⚠️ 注意:shadertoy.com 上的着色器通常并不是生产级 WebGL 应用中使用的那种。但其中仍蕴含许多可借鉴的技术与灵感。
glslsandbox.com: 最早的片段着色器在线实验平台
vertexshaerart.com: glslsandbox 的顶点着色器版本
如果你还知道其他一些不错的参考资源,欢迎
提交一个 issue 来补充。