我做了 Shader Learn,想把 GLSL 的解释、练习和实际画面放在一起,方便前端开发者和创意编程学习者边试边理解。
中文学习入口:
https://shader-learn.com/zh/learn在线编辑器:
https://shader-learn.com/playground目前有学习路径、函数参考、可编辑效果示例,以及实时 Shader Playground。比如在 smoothstep 页面直接修改参数和代码,就能看到边缘过渡的变化:
https://shader-learn.com/glsl/smoothstep编辑器也提供时间控制、纹理和 uniform 配置。可以先在浏览器里试效果,再结合解释看代码。
先说明一下:部分教程需要 Pro,公开函数参考、示例和 Playground 可用于体验。
我是作者,想听听大家在学习 Shader 时最容易卡在哪里,以及这套边改边看的方式是否有帮助。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/1257245
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.