当前位置: 首页 > news >正文

非常值得学习渲染入门的一个教程

非常值得学习渲染入门的一个教程

https://github.com/ssloy/tinyrenderer/wiki/Lesson-0:-getting-started

从0开始教你写cpu 渲染,不借助任何第三方库

image

 比看乱七八糟的书好很多

其他推荐

image

 

在线书籍: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 教程
http://www.sczhlp.com/news/780.html

相关文章:

  • HDU 多校 2025 R3
  • 7.28SAM后缀自动机,回文自动机
  • Linux开机自动登录的一种方法
  • day5
  • JAVA语言学习总结(第27天)
  • CVE-2021-45232 Apache APISIX Dashboard身份验证绕过漏洞 (复现)
  • IIS中配置HTTPS证书的详细步骤
  • Python入门学习(七)高级部分:正则表达式
  • 在运维工作中,如果运行的一个容器突然挂了,如何排查?
  • SciTech-EECS-Library: img2pdf 与 pdf2image : Python 的 pdf 与 image 双向转换库
  • 在运维工作中,docker封闭了哪些资源?
  • 深度学习(pytorch量化)
  • 在运维工作中,传统虚拟化与docker有什么区别?
  • 在运维工作中,Docker怎么清理容器磁盘空间?
  • 在运维工作中,Dockerfile中常见指令有哪些?
  • 英语_阅读_Rivers are important in culture_单词_待读
  • 题解:P12151 【MX-X11-T5】「蓬莱人形 Round 1」俄罗斯方块
  • 题解:P1291 [SHOI2002] 百事世界杯之旅
  • 题解:P4170 [CQOI2007] 涂色
  • 课堂分组赛、组队赛小结
  • 【AI News | 20250725】每日AI进展
  • 题解:P13308 故障
  • 今天做什么
  • mmap提高LCD显示效率
  • 用 Python 构建可扩展的验证码识别系统
  • Java学习Day28
  • 语录
  • 深度学习(onnx量化)
  • Redisson
  • P13493 【MX-X14-T3】心电感应 题解