目录

WebGL2Fundamentals.org

Fix, Fork, Contribute

参考资料

以下是可能会对你有用的一些资源链接:

教程和课程

  • 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 库

规范

趣味网站

  • Shadertoy.com: 在极限条件下创作的令人惊叹的片段着色器

    ⚠️ 注意:shadertoy.com 上的着色器通常并不是生产级 WebGL 应用中使用的那种。但其中仍蕴含许多可借鉴的技术与灵感。

  • glslsandbox.com: 最早的片段着色器在线实验平台

  • vertexshaerart.com: glslsandbox 的顶点着色器版本


如果你还知道其他一些不错的参考资源,欢迎
提交一个 issue 来补充。

有意见或建议? 在GitHub上提issue.
comments powered by Disqus