webgl-references.md

Author: colin3dmax

webgl/lessons/zh_cn/webgl-references.md

@@ -0,0 +1,57 @@
+Title: 参考资料
+Description: 其他参考资料
+TOC: 参考资料
+
+以下是可能会对你有用的一些资源链接：
+
+## 教程和课程
+
+* [3d game shaders for beginners](https://lettier.github.io/3d-game-shaders-for-beginners/)  
+  提供了许多图形技术的精彩讲解。虽然是基于 OpenGL，但讲解图文并茂，因此应当可以较容易地将其适配为 WebGL。
+
+* [Learn OpenGL](https://learnopengl.com/): 现代 OpenGL 教程
+
+  这些内容可能有用，也可能不适用。尽管 API 相似，但 OpenGL 并不是 WebGL。首先，OpenGL 是一个基于 C 的库；其次，OpenGL 拥有比 WebGL 更多的特性，而且着色器语言也有许多差异。尽管如此，教程中展示的很多概念和技术在 WebGL 中依然同样适用。
+
+## 工具 / 浏览器扩展
+
+* [Spector](https://chrome.google.com/webstore/detail/spectorjs/denbgaamihkadbghdceggmchnflmhpmk?hl=en): 一个可以显示所有 WebGL 调用的浏览器扩展
+
+* [Shader Editor](https://chrome.google.com/webstore/detail/shader-editor/ggeaidddejpbakgafapihjbgdlbbbpob?hl=en): 一个允许你在实时网页中查看和编辑着色器的浏览器扩展
+
+* [WebGL Insight](https://chrome.google.com/webstore/detail/webgl-insight/djdcbmfacaaocoomokenoalbomllhnko?hl=en): 一个用于查看 WebGL 使用情况的扩展
+
+* [webgl-helpers](https://greggman.github.io/webgl-helpers/): 用于辅助 WebGL 编程的脚本集合
+
+## 库
+
+* [twgl](https://twgljs.org): 一个帮助减少 WebGL 冗长代码的库
+
+* [three.js](https://threejs.org): 最流行的 JavaScript 3D 图形库
+
+* [PlayCanvas](https://playcanvas.com/): 一个带有游戏编辑器的 WebGL 游戏引擎
+
+* [regl](https://regl.party/): 一个无状态函数式的 WebGL 库
+
+## 规范
+
+* [WebGL2](https://www.khronos.org/registry/webgl/specs/latest/2.0/): WebGL2 的规范
+
+* [OpenGL ES 3.0](https://www.khronos.org/registry/OpenGL/specs/es/3.0/es_spec_3.0.pdf): WebGL2 所基于的 OpenGL ES 3.0 规范
+
+* [GLSL ES 3.0](https://www.khronos.org/registry/OpenGL/specs/es/3.0/GLSL_ES_Specification_3.00.pdf): WebGL2 使用的着色器语言规范
+
+## 趣味网站
+
+* [Shadertoy.com](https://shadertoy.com): 在极限条件下创作的令人惊叹的片段着色器
+
+  ⚠️ 注意：shadertoy.com 上的着色器通常并不是生产级 WebGL 应用中使用的那种。但其中仍蕴含许多可借鉴的技术与灵感。
+
+* [glslsandbox.com](https://glslsandbox.com): 最早的片段着色器在线实验平台
+
+* [vertexshaerart.com](https://vertexshaderart.com): glslsandbox 的顶点着色器版本
+
+---
+
+如果你还知道其他一些不错的参考资源，欢迎  
+[提交一个 issue](https://github.com/gfxfundamentals/webgl-fundamentals/issues) 来补充。