非常值得学习渲染入门的一个教程
https://github.com/ssloy/tinyrenderer/wiki/Lesson-0:-getting-started
从0开始教你写cpu 渲染,不借助任何第三方库
比看乱七八糟的书好很多
其他推荐
在线书籍:https://gabrielgambetta.com/computer-graphics-from-scratch/
他的博客:https://gabrielgambetta.com/
其他推荐
你这个感觉非常精准!能“降维讲解”复杂知识的人,往往不是普通专家,而是:
“真正掌握了第一性原理的人。”
他们不仅懂内容本身,还懂得人类如何理解知识,能把抽象变形象、把复杂变简单、把公式变故事。
以下是一些在各个技术领域里,以降维讲解著称的牛人(国内+国外都有):
🧠 图形学领域的“降维高手”
名字 | 代表作 | 特点 |
---|---|---|
Gabriel Gambetta | Computer Graphics From Scratch | 图形学从像素开始,降维到小学水平 |
Dmitry Sokolov (ssloy) | TinyRenderer | 图形学不靠 API,从画线讲起,极简实践 |
Ben Tristem(Udemy) | Unity、Unreal 课程 | 将复杂引擎知识“生活化”讲解,适合非科班 |
Scratchapixel 作者 | scratchapixel.com | 系统讲解图形学从数学到代码,极易理解 |
🧠 编程基础与计算机原理
名字 | 代表作 | 特点 |
---|---|---|
Nand2Tetris 项目组 | nand2tetris.org | 从最基本“与非门”造出一整台电脑,极致降维 |
Charles Petzold | 《代码:隐藏在计算机软硬件背后的语言》 | 从摩尔斯电码讲起,解释整个计算机体系 |
Ben Eater | YouTube: Ben Eater | 手焊 CPU + 汇编教学,巨细无遗但极其易懂 |
Caleb Curry | YouTube CS 教学 | 通俗讲解数据库、内存、网络,接地气 |
🧠 数学与物理相关领域
名字 | 代表作 | 特点 |
---|---|---|
3Blue1Brown(Grant Sanderson) | YouTube: 3Blue1Brown | 用可视化动画讲清深奥数学,堪称神级 |
MinutePhysics / MinuteEarth | YouTube 教育频道 | 将物理、宇宙学降维到“常识层”讲述 |
Veritasium(Derek Muller) | YouTube 频道 | 实验驱动,推翻直觉讲解复杂自然现象 |
Eddie Woo(澳大利亚中学老师) | YouTube: Eddie Woo Maths | 把中学数学讲得像魔法,通俗易懂但深入本质 |
🧠 国内降维高手推荐(技术类)
名字 | 代表作 | 特点 |
---|---|---|
阮一峰 | 《阮一峰的网络日志》、ES6 教程 | 把前端、JS、网络协议讲得像小说 |
左耳朵耗子(陈皓) | 《左耳听风》 | 软件工程 + 系统设计实战派,讲解接地气又深入 |
冯唐 | 虽不是程序员,但讲“第一性思维”极清晰 | 曾说:“能讲清事的人,才是真聪明人” |
李沐(Mu Li) | Bilibili / YouTube《动手学深度学习》 | 深度学习框架作者,讲 PyTorch/MXNet 像教做饭一样清晰 |
🧠 AI 相关的降维教育者
名字 | 代表作 | 特点 |
---|---|---|
Andrej Karpathy | 前 OpenAI + Tesla AI 总监 | 把 GPT、神经网络、Transformer 拆解到 for-loop 层级 |
Jeremy Howard | fast.ai 创始人 | 把深度学习变成普通人能学的东西 |
Yann LeCun | Facebook AI 首席科学家 | 虽讲解偏深,但理论通俗,擅用类比 |
🔥 总结:真正厉害的人,往往讲得“最简单”
“如果你不能用 6 岁小孩能懂的语言解释你的工作,那你自己可能也没真正懂。”
—— 爱因斯坦(传说中语录)
你在寻找的,其实是从第一性出发的教学者,他们:
-
深度理解本质
-
善于拆解系统
-
把复杂变线性
-
把抽象变具象
-
给你推荐几位真正“从 0 到高级”的国外 Shader 降维讲解高手:
1. Ben Golus(Unity Graphics 渲染团队)
🧠 技术力超强 + 写作思维通透
📘 推荐文章:《You don't know how ComputeBuffer works》《URP Shader Secrets》
🔗 Blog: https://medium.com/@bgolus
🎯 风格:从 Unity 实战问题出发,引出底层原理 + 源码解读
2. Alan Zucconi
📚《Shader Development from Scratch》作者
🔗 官网:https://www.alanzucconi.com
🎯 风格:
-
每篇 Shader 教程从视觉现象出发(如水波、烧毁、折射)
-
图文并茂
-
提供 Unity + Shader Graph + HLSL 三版本切换
-
每一个效果都解释到“为什么这样写”,不是“你背下来”
🧠 他是“视觉驱动 + 原理解释 + 可运行示例”三合一大师
3. Catlike Coding(Unity Shader 教学天花板)
🔗 https://catlikecoding.com/unity/tutorials/
🎯 特点:
-
按项目进度讲解:从 2D noise 到程序地形 → 动态水面 → 程序动画 → 光照 → 光照模型 → Shader pipeline
-
每节都附源码 + 高质量说明图
-
讲解逻辑是先结果、后原因,一步步带你走
🧠 被认为是 Unity 图形渲染入门最好的教程之一,没有之一
4. The Book of Shaders(GLSL + 视觉实验)
🔗 https://thebookofshaders.com
🎯 亮点:
-
页面直接支持写 GLSL,右侧实时看到效果
-
每个 Shader 效果从图像现象开始讲起
-
鼓励读者边玩边改、边写边看
🧠 适合用来训练 Shader 感觉 + 创造力 + 数学视觉化思维
5. Shadertoy 大神:iq(Inigo Quilez)
🔗 https://iquilezles.org/
🎯 他是 Signed Distance Field(SDF)核心推动者之一
🎯 每篇文章都从“图形的数学本质”切入
🎯 有实际动图 + 数学图形解释,写得极有哲学意味
🧠 是“艺术家 + 数学家 + 程序员”的三重融合体,强烈推荐长期关注
降维讲解者 01:Alan Zucconi
🔗 https://www.alanzucconi.com/
✅ 特点:
-
Shader 教程围绕视觉现象展开(如火焰、溶解、极光)
-
从 Unity Shader Graph → 手写 Shader → 延伸到 HLSL
-
每篇都有清晰标题、数学解释、动态图示和结果对比
📚 推荐起点:
-
How to make Fire Shader
-
UV Distortion 系列(从扭曲开始讲正弦、频率、噪声)
🧱 为什么推荐你看:
-
他会告诉你“扭曲火焰看起来像火焰” → 然后解释为什么
-
他在讲 Perlin/Fbm/Noise 时,会配图,还会告诉你这能产生哪些艺术表现差异
🧠 降维讲解者 02:Catlike Coding
🔗 https://catlikecoding.com/unity/tutorials/
✅ 特点:
-
系列教程逐步推进,从 2D 到 3D,从简单动画到光照系统
-
教你怎么自己搭 SRP、构建渲染管线
-
每篇都附带源码、结果图、解释,非常严谨
📚 推荐起点:
-
Rendering Series
-
Custom SRP from Scratch
🧱 为什么推荐你看:
-
如果你对“Shader 背后的图形学机制”感兴趣,他会帮你一步步构建“我能自己写个小渲染管线”的信心
-
内容进阶快,但不是跳跃式 —— 是架构式引导,非常适合你构建系统思维
🧠 降维讲解者 03:The Book of Shaders
🔗 https://thebookofshaders.com/
✅ 特点:
-
在线交互式教程:每节都有 GLSL 代码实时运行窗口
-
专注“从 0 到会自己写效果”的训练方式
-
从
vec2 uv
、颜色插值开始,最终讲 Procedural Noise、SDF、2D 动态表达
📚 推荐起点:
-
第一章:
Hello GLSL
(直接手写 UV 并让它动起来) -
Shape & Signed Distance Function
部分:教你怎么自己造几何
🧱 为什么推荐你看:
-
完全动手型教程,所有理论通过可视化讲解
-
你喜欢“试一次就看到反馈”的感觉,它就是为你设计的
🧠 降维讲解者 04:Martín Donald Aguirre (Shadertoy + DevLog 博主)
🎮 示例博客:https://martinsh.github.io/
✅ 特点:
-
精通 SDF、光线步进、视觉函数表达,极度系统化
-
写过很多实际 Shader 效果的逐步拆解(如“黑洞扰动”、“矩阵变形”等)
📚 推荐起点:
-
他在 Shadertoy 上的经典作品,附带代码 + 分段注释
-
他讲“如何用一段数学函数控制动画速度感”,是少有的“数学=控制感”讲解者
🧱 为什么推荐你看:
-
他能告诉你,视觉的“节奏感”来自频率叠加,而不是“动画曲线”
-
你要造视觉语言,他能帮你构建“数学词汇表”
🧠 降维讲解者 05:Inigo Quilez(iq)
🔗 https://iquilezles.org/
✅ 特点:
-
Shader 领域的“哲学级”创作者
-
主攻 Signed Distance Field(SDF)和程序图形表现
-
所有文章都从现象 → 数学模型 → 代码 → 延展表现力四步写作,非常罕见
📚 推荐起点:
-
SDF for Beginners
-
Time in shaders
🧱 为什么推荐你看:
-
他能把“数学公式变成视觉语言”,比如:用一个公式画出整个动画世界
-
他讲“渐变、跳动、扰动、形状融合”,都是艺术表达的“数理原语”
🔚 最后总结:为你量身打造的观看顺序建议
阶段 | 学什么 | 推荐路线 |
---|---|---|
🔰 入门构建视觉感知 | UV、渐变、扰动、时间控制 | The Book of Shaders(交互)+ Alan Zucconi |
🧱 中级构建系统能力 | 3D Shader、Lighting、VFX Integration | Catlike Coding + Unity Built-in ShaderLab |
🎨 表达力提升 | 特效设计语言、SDF、Noise + Emotion | iq + Martín Aguirre + ShaderToy Top |
🧠 自主系统创造 | 构建 SRP/VFX Framework | Unity SRP 官网 + Catlike 的自定义 SRP 教程 |