GLSL 着色器小书 · 从零基础到 Android 实战

像素的语言

学会直接对 GPU 说话,让两百万个像素同时为你作画。

你可能抄过不少 Shader 代码——能跑,但不知道为什么。这本小书把 GLSL 彻底讲透:先建立 GPU 的并行心智模型,再学会用数学作画,然后进"效果工坊"亲手做出乐高马赛克、毛玻璃、格栅玻璃、CRT 复古屏这些真实效果,接着落地到 Android(OpenGL ES 与 AGSL 双路线),最后带你看游戏 Shader、工具链和通往 3D 的路。全书几乎每一章都有可以直接改代码、立刻看效果的实时 Demo——本页背景就是一个 Shader 在画。

5阶段 PHASES
20章 CHAPTERS
37实时可改 DEMO
GLSL + AGSL双技术路线
这本书怎么带你走
🎛️
每个 Demo 都能改
书里的效果全部在你的浏览器里实时运行,用的就是 Android 同款 GLSL 300 es。点「编辑代码」,改一个数字,立刻看到画面变化——这是学 Shader 唯一有效的方式。
🧮
公式要对得上像素
不背结论。每个效果都从「这个像素为什么是这个颜色」推起:smoothstep 的曲线长什么样、SDF 的距离怎么变成边缘,看得见才算懂。
🤖
Android 全程贯穿
每章都有「Android 视角」注解,把 Web Demo 和 GLSurfaceView / AGSL 对应起来。学完的每一行 GLSL,都能直接搬进你的 App。
学习路径 · 20 章
Phase 0 · 心智模型

先换脑子,再写代码

GPU 不是更快的 CPU,而是一百万个同时开工的工人。搞懂渲染管线、写下第一个 Fragment Shader、掌握 GLSL 的语言核心——从此不再「看得懂字母、看不懂代码」。

Phase 1 · 用数学作画

Shader 世界的五种基本功

没有画圆的 API,一切图形都是公式。造型函数、SDF、变换与重复、色彩与动画、随机与噪声——这五章是之后所有炫酷效果的原材料。

Phase 2 · 效果工坊

把照片变成乐高、毛玻璃和老电视

拿真实图像开刀:先学会图像处理的通用套路,再逐个拆解马赛克家族、玻璃家族和复古故障风——每个效果都给出「一句话原理 + 可改的完整代码」。

Phase 3 · Android 实战

把 Shader 装进你的 App

两条路线讲清楚:经典 OpenGL ES(GLSurfaceView 三部曲)和现代 AGSL(RuntimeShader + Compose),最后用一个完整的转场动画项目收束——从 Shadertoy 抄来的效果,以后自己就能移植。

Phase 4 · 更广阔的世界

游戏、工具与通往 3D 的大门

Shader 不止于 App 特效:看看 Unity / Godot / Unreal 里 Shader 怎么用,认识从 Shadertoy 到 glslViewer 的整套工具链,最后用 Ray Marching 敲开 3D 世界的门。