做了一个中英双语 GLSL 学习站:改代码就能看到 Shader 效果

5 小时 53 分钟前
 theron159
我做了 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 时最容易卡在哪里,以及这套边改边看的方式是否有帮助。
276 次点击
所在节点    分享创造
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1257245

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX