Shader 从入门到速通：一份给游戏开发者的实战指南

10 小时前154 浏览包含 AI 合成内容

这是一篇没有一行代码的入门指南。因为真正重要的东西，本来就不是代码。

开场：一个 96KB 的奇迹

2007 年，有一个 96KB 的文件在网络上流传。它没有贴图，没有视频素材，没有任何外部资源——双击运行，它渲染出一部四分钟的电影级短片：金属质感的场景、流动的光影、镜头推进的运镜，每一帧都是实时计算的。

这个文件是 demoscene（演示场景）文化里的一次经典演出。它的名字叫 The Popcorn，出自一群把"用极少的代码创造极多的画面"当作信仰的程序员。它证明了一件事：画面，是可以被"计算"出来的，而不是只能被"制作"出来。

.kkrieger

这件事和我们今天要聊的 Shader，是同一件事的两面。Shadertoy 上的艺术家、Minecraft 的光影模组作者、Unreal 里的材质大师、以及你想做的下一个游戏界面特效——都在这条脉络上。

第一章 · 入门：Shader 是什么

一句话定义

你的屏幕是由数百万个像素组成的。传统做法是给每个像素"查表"——从一张画好的图片里取对应位置的颜色，这就是贴图。而 Shader 让每个像素"现场计算"——它的颜色由一段程序在每一帧实时算出来。

查表是记忆，计算是创造。这就是全部的区别。

它从哪来：一段三十年的历史

1999 年，id Software 发布《雷神之锤 3》，它引入的 shader 文件系统第一次让游戏材质变成"可编程的"——水面不是一张贴图，而是一套规则。
2000 年，DirectX 8 发布，可编程着色器成为显卡的正式能力，显卡第一次可以"编程"。
从此，游戏画面告别了"贴图时代"，进入"规则时代"。

这段历史的本质是：游戏画面的可能性，从美术团队的人力上限，移交给了数学的想象力上限。之后的二十多年，所有画面上的"奇迹"，几乎都是这条路的延续。

第二章 · 它为什么重要

事件一：一款游戏因为 Shader 获得第二次生命

《我的世界》发售于 2011 年，画面以"像素方块"著称。但很快，社区里的光影模组出现了——SEUS、BSL 这些名字，让同一个方块世界有了流动的云、漫射的光、黄昏的金色与黎明的雾气。

玩家们为光影模组排起长队，老玩家说"这是同一个游戏，又不是同一个游戏"。没有改变任何玩法，只是改变了"光"的定义，一个游戏就换了一个世界。这就是 Shader 的威力：它不增加内容，它改变一切内容的样子。

我的世界

事件二：20 年前的游戏，被 Shader 复活

2019 年，NVIDIA 用实时光线追踪重做了 1997 年的《雷神之锤 2》。二十年前的老古董，在光影追踪下变成了真实的、可反光的、能透过窗户看到倒影的世界。

请注意：游戏没变，地图没变，敌人没变。变的只有一件事——光被重新定义了。

事件三：一个让所有人画画的平台

2013 年，Shadertoy 上线。它是个浏览器里的画布：你写一段程序，它实时渲染成画面，全球的创作者互相围观。这个平台上的作品，让人很难相信它们来自代码——有人用数学"生长"出山脉与森林，有人在黄昏的光线里渲染整片海面，有人让抽象的形体跟着音乐律动。

这个生态已经持续了十几年，积累了数十万件作品。它最重要的意义是证明了：Shader 不是图形学工程师的专利，它是被验证过的、属于当代创作者的创作媒介。

事件四：极简的极限

在 demoscene 文化里，有一类作品叫 4k intro——用不超过 4KB 的代码，渲染出几分钟的完整动画。我们开场提到的 The Popcorn 是 96KB 的"大制作"，更极端的挑战者用 4KB 画出宇宙、城堡、会跳舞的机械。

这些作品在问你一个问题：当你连"内容"都几乎没有的时候，还能不能创造画面？答案是能——因为画面可以完全由规则生成。这条思路，正是 shader 思路的极限形态。

一小节插曲：有 Shader 的 Maker，和无 Shader 的 Maker

这里我想插一句个人的观察，也欢迎你不同意：有 Shader 的 Maker，和无 Shader 的 Maker，我倾向于把它们看成两款不同的产品，而不是同一款产品的两个版本。

无 Shader 的世界里，你在挑选：从材质库选贴图，从色板选颜色，从预设里选效果。库房很大，但门是锁着的——你不能定义"光怎么落下来"，只能选"哪种光"。

有 Shader 的世界里，你从"挑选画面的人"变成"定义画面的人"。你不是在选一张水纹图，而是让水在每一帧从数学里长出来；你不是在挑一块玻璃，而是定义光线穿过它时该发生什么。

一个消费可能性，一个生产可能性。这就是两款产品真正的区别。

第三章 · 速通：你只需要知道这几件事

下面的"速通"，不涉及任何语法——因为速通的重点从来不是语法，而是心智模型。

三个词

记住三个词，你就理解了一个 shader 的完整结构：

参数——给外面调节的旋钮（颜色、强度、速度……）
上色——每个像素算什么颜色，90% 的功夫都在这里
变形——需要形状变化时才用（旗帜飘动、水面起伏）

写 shader 的全部工作，就是往"上色"这一步里填数学。没有更多了。

一个事实

一切动画，本质都是让参数随时间变化。你调"速度"，画面就动了；调"频率"，波就密了；调"颜色"，世界就变色了。理解了这一句，你就理解了 shader 世界里 80% 的"魔法"。

一条铁律

永远先给参数一个默认值。这是"打开就好看"的前提——它保证了你的效果在任何环境下都成立，也保证了别人（或编辑器）能安全地调它。

三个新手误区（用故事讲）

有人写了半透明，画面却完全不透明——因为他只写了"透明值"，没告诉引擎"开启透明混合"。一件事的两个开关，只开一个，等于没开。
有人做的效果一片漆黑——因为他的材质受光照影响，而场景里没有灯。无光照的效果，要用无光照的规则。
有人用了错误的注释符号，云端编译直接报错。工具的语言，有工具的语法，别把别的语言的习惯带进来。

这些误区的共同点：它们都发生在"你以为你已经写对了"的地方。所以排障心法只有一条——从最小的一行开始，一次加一样，看到哪一步坏了。

第四章 · 参考案例集：Shader 已经改变了什么

把上面的事件集中起来，你就看到一条完整的脉络：

时间	事件	它证明了什么
1968 年	艺术家 Vera Molnár 开始用计算机作画	程序作画是艺术，不是技术演示
1999 年	《雷神之锤 3》的 shader 材质系统	材质可以是一套规则
2000 年	DirectX 8 发布可编程管线	显卡第一次可以编程
2007 年	demoscene 的 The Popcorn（96KB 短片）	没有素材也能渲染世界
2011 年	《我的世界》光影模组兴起	改变光，就改变了一个游戏
2013 年	Shadertoy 上线	任何人都可以用代码作画
2016 年	《无人深空》程序化生成整个宇宙	规则可以生成无限内容
2018 年	Unity 发布可视化 Shader Graph	"可视化写 shader"成为业界共识
2019 年	NVIDIA 用光线追踪重做《雷神之锤 2》	二十年后，光还能被重新定义