Shader Learning

今天给大家分享一个学习 Shader 的绝佳练习网站，https://shader-learning.com/。 (opens in a new tab)

这个网站专为 Shader 初学者打造，通过一系列交互式练习，帮助你快速上手 GLSL，并逐步深入 Shader 编程的核心知识。

这个网站有什么特别之处？

Shader Learning 采用任务式学习的方式，所有练习按照难度划分为不同类型，包括：

• 基础入门：了解 GLSL 语法、变量、函数等概念
• 噪声（Noise）：学习如何使用 Noise 进行视觉效果
• 渐变 & 特效：创造炫酷的光影效果
• ....等等

练习方式：像解题一样学 Shader

网站的练习界面分为三大部分：

左侧：任务描述，告诉你需要实现的 Shader 效果
右侧：代码编辑器，输入你的 GLSL 代码
底部：输出窗口，实时展示代码运行效果

你的任务就是修改代码，让 Output 和 Expect 结果一致，然后点击 Run Code 运行代码。

✅ 如果正确，会显示Accepted！
❌ 如果不对，可以继续调整代码，直到实现目标。

遇到问题怎么办？

学习 Shader 的过程中，遇到难题是很正常的。Shader Learning 提供了三大辅助功能：

1️. 点击 “Theory”：查看该任务对应的理论知识，帮助你理解关键概念

2️. 查看 “Answer”：如果仍然不懂，可以直接看答案，并学习更优的解法

3️. 对比自己的代码：哪怕你已经做出来了，也建议看看标准答案，学习不同的思路

如果英语不好的话，安装个沉浸式翻译浏览器插件，轻松解决英文问题