DirectX 3D 学习路线图

学习 DirectX 3D 就像学习一门外语，需要从最基础的“字母表”开始，逐步构建到能“写文章”和“讲故事”。

核心思想： DirectX 是一个底层 API，它让你可以直接与显卡硬件通信，学习它的过程，就是学习如何告诉显卡“画什么”、“在哪里画”以及“怎么画”。

学习阶段划分：

1. 环境准备与基础渲染管线

   • 目标： 成功创建一个窗口，并在窗口上绘制一个可以旋转的彩色三角形。
   • 核心概念： Win32 窗口、COM 对象、交换链、渲染管线、顶点着色器、像素着色器、输入布局。
   • 产出： 你的第一个 3D 程序。

2. 3D 世界与数学基础

   
   （图片来源网络，侵删）
   • 目标： 理解 3D 空间的坐标系、如何移动和旋转 3D 对象。
   • 核心概念： 矩阵、向量、变换矩阵、世界矩阵、视图矩阵、投影矩阵。
   • 产出： 能够在 3D 空间中自由移动和旋转一个立方体。

3. 光照与材质

   • 目标： 让 3D 模型看起来更真实，有明暗变化。
   • 核心概念： 光照模型（如漫反射、高光）、法线、材质属性。
   • 产出： 一个具有光照效果的、可以旋转的 3D 模型。

4. 纹理与模型加载

   • 目标： 给 3D 模型贴上图片，并加载外部 3D 模型文件。
   • 核心概念： 纹理坐标、纹理采样、模型文件格式（如 .obj）。
   • 产出： 一个带有真实纹理和细节的 3D 模型。

5. 高级特性

   • 目标： 学习更高级的渲染技术。
   • 核心概念： 深度缓冲、模板缓冲、阴影、后期处理、PBR（基于物理的渲染）。
   • 产出： 接近商业游戏品质的渲染效果。

环境准备与基础渲染管线

这是最关键的一步,也是最困难的一步，一旦你迈过去，后面的路会平坦很多。

环境准备

• 开发环境：
  • Visual Studio: 推荐使用最新版的 Visual Studio (2025 社区版是免费的)。
  • Windows SDK: Visual Studio 安装时通常会包含 Windows 10/11 SDK，其中包含了 DirectX 的头文件和库。
  • DirectX Runtime: 确保你的 Windows 系统已安装最新的 DirectX 运行时（通常通过游戏或 Windows Update 自动安装）。
• 学习资料：
  • Frank's DirectX 11 Tutorial: （强烈推荐给初学者） 这是一套非常经典的、手把手教你从零开始写 DirectX 11 的教程，代码清晰，解释详细，它使用的是 DirectX 11，但核心概念与 DirectX 12 完全相通，并且比 DirectX 12 简单得多，非常适合入门。
    • 链接： https://www.rastertek.com/directx11tut01.html
  • Microsoft 官方文档： 最权威的资料，但可能比较晦涩，适合在遇到具体问题时查阅。
    • 链接： https://learn.microsoft.com/zh-cn/windows/win32/direct3d11/

核心概念解析

• Win32 窗口： 你的程序需要一个“画布”，你需要用 C++ 创建一个标准的 Windows 窗口，并处理消息循环。
• COM (Component Object Model): DirectX API 是基于 COM 的，这意味着你创建的 DirectX 对象（如设备、交换链）不是普通的 C++ 对象，你需要使用 CreateDevice、Release() 等特殊函数来创建和销毁它们。
• 交换链: 它是一个由多个“后备缓冲区”组成的数组，你在其中一个缓冲区上绘制图像，交换”到前台缓冲区显示，这解决了屏幕闪烁问题，就像翻书一样，一页画好了再翻到下一页。
• 渲染管线: 这是显卡处理图形数据的一系列固定和可编程阶段，你可以把它想象成一个工厂流水线：
  1. 输入装配器: 接收顶点数据（如三角形的三个点）。
  2. 顶点着色器: 对每个顶点进行变换（如位置计算），这是可编程的，你可以用 HLSL 语言编写代码来控制顶点的行为。
  3. 光栅化: 将 3D 的顶点连接成像素片段。
  4. 像素着色器: 对每个像素进行计算，决定它的最终颜色，这也是可编程的。
  5. 输出合并: 将处理后的像素写入到屏幕上的后备缓冲区。

你的第一个目标：绘制旋转的三角形

在 Frank's Tutorial 的基础上，你将完成以下步骤：

1. 创建窗口和消息循环。
2. 初始化 DirectX:
   • 创建 设备 和 设备上下文：设备是与显卡通信的桥梁，设备上下文保存了当前的渲染状态。
   • 创建 交换链 和 渲染目标视图：指定在哪里绘制。
   • 创建 视口：定义渲染区域（通常是整个窗口）。
3. 编写着色器:
   • 顶点着色器: 接收顶点位置，并应用一个旋转矩阵，将其变换到屏幕空间。
   • 像素着色器: 返回一个固定的颜色（比如红色）。
   • 你需要将这些 HLSL 代码编译成二进制文件，并在 C++ 程序中加载它们。
4. 创建几何体:
   • 定义一个三角形的顶点数据（包含位置和颜色）。
   • 创建 缓冲区 来存储这些顶点数据。
   • 创建 输入布局：告诉显卡你的顶点数据结构是什么样的。
5. 渲染循环:
   • 清空后台缓冲区（用特定颜色填充）。
   • 设置渲染管线状态（绑定着色器、输入布局、顶点缓冲等）。
   • 绘制图元（调用 DrawIndexed 或 Draw 来画三角形）。
   • 交换前后台缓冲区,将图像显示在屏幕上。
   • 在每一帧中更新旋转矩阵,实现动画效果。

3D 世界与数学基础

当你能画出三角形后,就需要理解如何构建一个 3D 世界了。

• 核心工具：矩阵

  • 世界矩阵: 定义一个物体在 3D 世界中的位置、旋转和缩放，它将物体的局部坐标转换到世界坐标。
  • 视图矩阵: 定义一个“虚拟摄像机”的位置和朝向，它将世界坐标转换到摄像机坐标。
  • 投影矩阵: 定义摄像机的“镜头”属性（如视野角度、宽高比），它将摄像机坐标转换到裁剪空间，最终映射到屏幕的 2D 坐标。
  • MVP 矩阵: 这三个矩阵通常会相乘 (MVP = Projection * View * World)，然后作为“常量缓冲区”传递给顶点着色器，一次性完成所有坐标变换。

• 学习资源：

  • 3D Math Primer for Graphics and Game Development: 经典的数学书籍。
  • Scratchapixel: 免费的在线网站，用非常直观的方式讲解 3D 图形学数学。
    • 链接： https://www.scratchapixel.com/

光照与材质

让物体有立体感。

• 核心概念：

  • 法线: 垂直于物体表面的向量，用于计算光线与表面的夹角。
  • 光照模型:
    • 环境光: 物体接收到的来自四面八方的均匀光照，让物体不至于完全黑暗。
    • 漫反射: 光线照射到粗糙表面后向所有方向均匀反射，颜色取决于光线颜色和表面颜色，与观察者角度无关。
    • 镜面反射: 光线照射到光滑表面后，按照特定角度反射，高光的亮度和大小取决于观察者的位置。
  • Phong/Blinn-Phong 模型: 最经典的光照模型，结合了以上三种效果。

• 实现：

  • 在顶点数据中加入法线信息。
  • 在着色器中接收光源信息（位置、颜色）和材质信息（颜色、反光度）。
  • 编写光照计算公式,计算出每个顶点的最终颜色。

纹理与模型加载

让物体看起来更丰富。

• 核心概念：

  • 纹理: 就是一张 2D 图片（.png, .jpg），通过“贴”在 3D 模型表面来增加细节。
  • 纹理坐标: 也叫 UV 坐标，是 2D 纹理图像上的 (u, v) 坐标，用于将纹理的像素映射到 3D 模型的顶点上。
  • 纹理采样: 在着色器中，根据一个像素的纹理坐标，去纹理图像中查找对应的颜色值，这个过程由显卡的纹理单元完成。

• 实现：

  • 加载一张图片文件（如 DirectXTex 库可以方便地完成）。
  • 创建纹理资源和对应的着色器资源视图。
  • 在顶点数据中加入纹理坐标。
  • 在像素着色器中,对输入的纹理坐标进行采样，获取颜色，并将其与光照颜色相乘，得到最终颜色。

• 加载模型:

  • 学习解析 .obj 等简单模型文件格式，一个 .obj 文件通常包含顶点位置、法线和纹理坐标。
  • 将解析后的数据分别存入不同的顶点缓冲区和索引缓冲区。

高级特性

• 深度缓冲: 解决物体前后遮挡问题，它就像一个 Z 值的画布，记录每个像素的深度，在绘制新像素时，会比较它的深度值，如果比当前记录的更近，才会绘制。
• 阴影: 一种高级的光照效果，通常通过 阴影贴图 技术，基本思路是从光源的视角渲染一次场景，记录下每个像素到光源的深度信息，然后在正常渲染时，再次检查当前像素到光源的距离，如果比阴影贴图记录的远，说明它被其他物体遮挡了，就应该处于阴影中。
• 后期处理: 在所有 3D 物体都渲染到屏幕后，再对这个最终图像进行处理。
  • 泛光: 让亮的部分产生光晕。
  • 模糊: 实景效果。
  • 色调映射: 调整画面的整体色调。

学习建议与避坑指南

1. 从 DirectX 11 开始，而不是 DirectX 12！ DirectX 12 性能更强，但也复杂得多，它引入了命令队列、资源屏障等概念，对新手极不友好，DirectX 11 的概念是基础，学会了 11，再过渡到 12 会轻松很多。
2. 不要怕报错！ DirectX 的错误信息有时很模糊，学会使用 Visual Studio 的图形调试器，它可以让你实时查看每一帧的渲染状态、资源内容，是调试 DirectX 程序的“神器”。
3. 理解概念，然后复制代码，最后自己重写。 初学时，直接跟着教程敲代码是必须的，但不要满足于此，理解每一步背后的原理，然后尝试不看教程，凭自己的理解把代码重新写一遍。
4. 数学是基础，但不必一开始就精通。 你不需要先成为数学大师再开始编程，可以在学习过程中，遇到不懂的数学概念（如矩阵乘法）时，再去查阅资料，边学边用，印象会更深刻。
5. 利用引擎。 当你理解了 DirectX 的底层原理后，可以考虑学习游戏引擎（如 Unreal Engine 或 Unity），你会发现，引擎帮你封装了这些复杂的底层渲染细节，让你能更专注于游戏逻辑和玩法设计，学习 DirectX 的经验会让你在使用引擎时更知其所以然。

祝你学习顺利！DirectX 3D 是一个充满挑战和乐趣的领域，坚持下去，你一定能创造出属于自己的 3D 世界。