🎯 3D算法公式图

三维图形 · 核心算法 · 数学图解

🧭 什么是 3D算法公式图?

3D算法公式图 是计算机图形学与三维视觉中的核心知识载体,它将抽象的数学公式与几何变换、光照计算、投影映射等算法通过可视化的图解方式呈现,帮助开发者与研究人员快速理解并应用这些基础而关键的算法。

从游戏引擎到影视特效,从机器人导航到数字孪生,3D算法公式图贯穿了整个三维计算领域。本页为您系统梳理最常用、最重要的 3D 算法公式及其图解说明。

3D算法公式图概览 - 三维图形算法核心图解
📊 3D算法公式图 核心体系概览

📐 四大核心 3D 算法板块

3D算法体系庞大,但可归纳为以下四大板块,每一板块都包含若干关键公式与图解:

3D算法四大板块 - 变换/光照/几何/光线追踪
🔲 3D算法四大核心板块关系图

🧮 三维变换矩阵公式图解

三维变换是 3D 算法的基础,所有顶点位置都通过 4×4 变换矩阵 进行计算。以下为最常用的变换公式:

🔹 平移矩阵

T(tx, ty, tz) =
│ 1 0 0 tx │
│ 0 1 0 ty │
│ 0 0 1 tz │
│ 0 0 0 1 │

🔹 绕 Y 轴旋转矩阵

Ry(θ) =
│ cosθ 0 sinθ 0 │
│ 0 1 0 0 │
│ -sinθ 0 cosθ 0 │
│ 0 0 0 1 │

🔹 透视投影矩阵 (简化)

P(fov, aspect, near, far) =
│ f/aspect 0 0 0 │
│ 0 f 0 0 │
│ 0 0 far/(near-far) -1 │
│ 0 0 near*far/(near-far) 0│
3D变换矩阵公式图解 - 平移旋转缩放投影
📐 三维变换矩阵公式图解示意

这些矩阵通过 齐次坐标 统一了平移、旋转、缩放与投影,是 3D 算法引擎(如 OpenGL、DirectX、WebGPU)的数学基石。

💡 光照模型算法公式图

光照计算让3D场景呈现真实感。以下是经典 Blinn-Phong 光照模型 公式:

I = Ia + Id + Is
Ia = ka · Ia_global
Id = kd · (N · L) · I_light
Is = ks · (N · H)^ns · I_light

其中 N 为法线,L 为光源方向,H 为半程向量,ns 为高光指数。通过公式图可以直观理解每个分量的作用。

🔸 PBR 微表面模型 (Cook-Torrance)

f(l, v) = (F · G · D) / (4 · (N·l) · (N·v))

PBR 通过 法线分布函数 (D)几何遮蔽 (G)菲涅尔项 (F) 三大项实现物理真实渲染,是现代 3D 算法图的核心内容。

光照模型算法公式图 - Blinn-Phong PBR
💡 光照模型算法公式图解对比

📈 曲面细分与几何算法公式图

在 3D 建模与动画中,Bézier 曲线B-Spline 是核心几何工具:

🔹 三次 Bézier 曲线公式

B(t) = (1-t)³·P₀ + 3(1-t)²·t·P₁ + 3(1-t)·t²·P₂ + t³·P₃
      t ∈ [0, 1]

🔹 Catmull-Clark 细分曲面

通过 面点 → 边点 → 顶点 的迭代更新规则,将低模网格细化为光滑曲面,是影视与游戏行业中常用的 3D 算法。

曲面细分算法公式图 - Bézier B-Spline Catmull-Clark
📈 曲面细分与几何算法公式图解

🔦 光线追踪算法公式图

光线追踪通过模拟光线传播实现极致真实感。核心公式包括 光线-三角形求交BVH 加速结构

🔹 光线-三角形求交 (Möller–Trumbore)

O + t·D = (1-u-v)·V₀ + u·V₁ + v·V₂
求解 t, u, v ; 0 ≤ u, v 且 u+v ≤ 1

🔹 渲染方程 (经典形式)

Lₒ(p, ωₒ) = Lₑ(p, ωₒ) + ∫ᵦ fᵣ(p, ωᵢ, ωₒ) · Lᵢ(p, ωᵢ) · (n·ωᵢ) dωᵢ

该方程是光线追踪算法的基础,描述了出射辐射率与自发光、BRDF 以及入射辐射率的关系。

光线追踪算法公式图 - 求交与渲染方程
🔦 光线追踪核心算法公式图解

🚀 3D算法公式图 应用场景

掌握 3D 算法公式图,可以在以下领域直接落地:

3D算法公式图应用场景 - 游戏/影视/机器人/AR
🚀 3D算法公式图 多行业应用

❓ 常见问题 (FAQ)

Q1:3D算法公式图 需要哪些数学基础?
建议掌握 线性代数(矩阵运算、向量空间)、几何(点线面关系)以及基础 微积分。如果刚开始学习,可以先从 4×4 变换矩阵与向量点积、叉积入手。
Q2:如何自学 3D 算法公式?
推荐三步走:① 理解公式的几何意义,多看 公式图解;② 动手实现小案例(如用 Three.js 或 WebGPU 编写变换与光照);③ 阅读经典教材《Real-Time Rendering》与《3D Math Primer for Graphics and Game Development》。
Q3:3D算法公式图 在实际工作中有多重要?
非常重要!无论是优化渲染管线、调试着色器,还是实现自定义几何算法,都需要对公式有深入理解。公式图是连接数学与工程实现的桥梁。
Q4:有哪些工具可以可视化 3D 算法公式?
常用工具包括 ShaderToy(实时 GPU 可视化)、Desmos 3D(数学公式绘图)、Blender(几何节点与着色器编辑器),以及 Three.js 等 Web 框架。
Q5:3D算法公式图 中的矩阵为什么是 4×4?
因为 3×3 矩阵无法表示平移,而 4×4 齐次坐标矩阵 可以将平移、旋转、缩放和投影统一为矩阵乘法,便于 GPU 并行计算。这是 3D 算法中的核心技巧。
Q6:PBR 与传统光照模型的核心区别是什么?
PBR (Physically Based Rendering) 基于 能量守恒微表面理论,使用 BRDF 描述材质,光照结果更真实且参数更直观。传统 Phong 模型是经验模型,在金属度、粗糙度等方面不够物理准确。

📚 3D算法公式图 学习资源

3D算法公式图学习资源推荐
📚 推荐学习资源一览