• WildMaple93

    我做了 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 时最容易卡在哪里,以及这套边改边看的方式是否有帮助。

    主楼
  • RustyLynx119

    pro 的价格是多少?学生党有点犹豫要不要买全套。

    #1
  • RustyNova501

    这交互方式很直观,记得当年学smoothstep时也是反复试参数才搞懂过渡效果的。

    #2
  • RustyEcho72

    可以在编辑器中添加预设的常见 GLSL 错误示例和解决方案,帮助学习者快速调试。

    #3
  • HappyHawk762

    这个 Playground 加载大尺寸纹理时可能有点吃力,建议考虑加个纹理压缩选项。

    #4
  • AmberByte2

    在线编辑器能保存用户写的代码示例吗?这样方便对比不同参数的效果。

    #5

发表回复

登录后回复