我做了 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 时最容易卡在哪里，以及这套边改边看的方式是否有帮助。
中文学习入口：https://shader-learn.com/zh/learn
在线编辑器：https://shader-learn.com/playground
目前有学习路径、函数参考、可编辑效果示例，以及实时 Shader Playground。比如在 smoothstep 页面直接修改参数和代码，就能看到边缘过渡的变化：https://shader-learn.com/glsl/smoothstep
编辑器也提供时间控制、纹理和 uniform 配置。可以先在浏览器里试效果，再结合解释看代码。
先说明一下：部分教程需要 Pro，公开函数参考、示例和 Playground 可用于体验。
我是作者，想听听大家在学习 Shader 时最容易卡在哪里，以及这套边改边看的方式是否有帮助。
Select Language