Bilibili 同步视频

中级OpenGL教程 005：为球体&平面注入法线灵魂

在浩瀚的 3D 图形渲染宇宙中，法线（Normal） 是连接模型与光影的核心桥梁🌌，它如同模型表面的 “方向指引者”，精准决定光线反射、明暗过渡，是实现真实质感渲染的绝对基石！今天我们就一步步拆解，如何优雅地将法线数据植入Sphere 球体与Plane 平面，完成光照渲染前的关键铺垫～

---

🌍一、前置就绪：法线 VBO 已完美封装

开启核心操作前，先确认关键基础：Geometry 模块内，normal VBO 已提前配置完成✅
这意味着我们无需从零搭建顶点缓冲逻辑，只需专注生成精准的法线数据，再将其高效灌入缓冲即可，大幅简化开发流程！

---

🪐二、球体法线生成｜经纬球的极简法线推导

球体作为经典的经纬球体，由经纬度交织生成每一个顶点，且所有顶点坐标均可提前计算，这让法线生成变得格外简洁优雅～

1. 核心原理：原点→顶点，即法线方向

对于标准球体而言，法线方向 = 从坐标原点 (0,0,0) 指向当前顶点坐标 (x,y,z)
顶点本身的位置向量，就是最精准的法线方向向量，无需复杂计算！

2. 定义法线存储容器

首先创建浮点型向量数组，承载所有法线数据：

// 定义球体法线存储数组
std::vector<GLfloat> normals;

3. 填充法线数据

在生成球体顶点的循环中，直接将顶点坐标作为法线推入数组：

// 顶点x/y/z已计算完成，直接作为法线数据存入
normals.push_back(x);
normals.push_back(y);
normals.push_back(z);

⚠️关键细节：未归一化的重要提醒

这样生成的法线方向完全正确，但存在核心问题：
👉 法线长度不唯一，未经过归一化处理
因此在片元着色器（fragment shader）中，必须先对法线做归一化，才能保证后续光照计算精准无偏差！

4. VBO 创建 + VAO 绑定・数据上屏

1. 声明 normal VBO 引用，关联 Geometry 模块

2. 复制缓冲配置逻辑，生成并绑定 normal VBO

3. 将 normals 数组数据灌入缓冲

4. 配置 VAO 属性，将法线绑定到属性位置 2

// 绑定法线VBO，传输数据
glBindBuffer(GL_ARRAY_BUFFER, normalVBO);
glBufferData(GL_ARRAY_BUFFER, normals.size() * sizeof(GLfloat), normals.data(), GL_STATIC_DRAW);

// VAO配置：属性位置2，3分量float
glVertexAttribPointer(2, 3, GL_FLOAT, GL_FALSE, 0, (void*)0);
glEnableVertexAttribArray(2);

5. 效果验证・球体法线完美生效

创建半径为 3 的球体运行后：

• 正对视角顶点呈现纯净蓝色（Z 轴正向）

• 向右平滑过渡为红色、向上渐变绿色

• 左侧 / 后方 / 下方自然呈现黑色
  色彩均匀插值过渡，球体法线配置完全正确✅

---

📦三、平面法线生成｜单面模型的极致简洁

Plane 平面属于单面模型，所有顶点的法线方向完全统一，生成逻辑比球体更简单～

1. 核心原理：统一指向正 Z 轴

平面默认朝向正 Z 轴方向，因此 4 个顶点的法线值固定为：(0.0f, 0.0f, 1.0f)

2. 直接赋值法线数据

无需循环计算，直接定义数组并重复 4 次即可：

// 平面4个顶点法线：全部指向正Z轴
GLfloat planeNormals[] = {
    0.0f, 0.0f, 1.0f,
    0.0f, 0.0f, 1.0f,
    0.0f, 0.0f, 1.0f,
    0.0f, 0.0f, 1.0f
};

3. VBO+VAO 快速配置

完全复用球体的缓冲配置逻辑，将平面法线数据传入、绑定 VAO 属性位置 2 即可，高效快捷～

4. 效果验证・平面法线精准无误

运行后平面呈现纯蓝色，完美匹配正 Z 轴法线方向，配置零误差✅

---

🌌四、总结・光照渲染近在咫尺

至此，我们已完成两大核心模型的法线配置：

1. Sphere 球体：依托顶点坐标推导法线，处理未归一化关键细节

2. Plane 平面：固定方向赋值，极简实现法线配置

3. 两套模型均完成 VBO+VAO 绑定，数据成功传入显卡

法线数据全部就绪，下一步即可正式接入光照系统，让 3D 模型拥有真实光影质感，渲染效果直接拉满✨！