在 OpenGL ES 中实现简单的光照模型是一个重要的步骤，可以为您的 3D 场景添加深度和真实感。
以下是一个基本的光照模型示例，支持平行光源和环境光。
1. 光照模型概述
在这个示例中，我们将实现以下光照效果：
环境光：提供场景的基础光照，使得物体在没有直接光源照射时仍然可见。
平行光源：模拟来自远处的光源（如太阳），其光线是平行的。
2. 着色器代码
我们将使用顶点着色器和片段着色器来实现光照效果。
以下是一个简单的 GLSL 着色器示例。
2.1 顶点着色器
#version 300 es
layout(location = 0) in vec4 a_Position; // 顶点位置
layout(location = 1) in vec3 a_Normal; // 顶点法线
uniform mat4 u_ModelViewMatrix; // 模型视图矩阵
uniform mat4 u_ProjectionMatrix; // 投影矩阵
uniform vec3 u_LightDirection; // 光源方向
uniform vec3 u_AmbientColor; // 环境光颜色
out vec3 v_Color; // 输出颜色
void main() {
// 计算法线的方向
vec3 normal = normalize(mat3(u_ModelViewMatrix) * a_Normal);
// 计算光照强度
float diffuse = max(dot(normal, -u_LightDirection), 0.0);
// 计算最终颜色
vec3 ambient = u_AmbientColor; // 环境光
vec3 diffuseColor = vec3(1.0, 1.0, 1.0); // 物体颜色（白色）
v_Color = ambient + diffuse * diffuseColor; // 最终颜色
gl_Position = u_ProjectionMatrix * u_ModelViewMatrix * a_Position; // 计算最终位置
}
2.2 片段着色器
#version 300 es
precision mediump float;
in vec3 v_Color; // 从顶点着色器传递的颜色
out vec4 fragColor; // 输出颜色
void main() {
fragColor = vec4(v_Color, 1.0); // 设置片段颜色
}
3. OpenGL ES 代码
接下来，我们需要在 OpenGL ES 中设置这些着色器，并传递必要的 uniform 变量。
3.1 初始化和设置
GLuint program;
void initShaders() {
// 编译和链接着色器（省略具体实现）
program = createProgram(vertexShaderSource, fragmentShaderSource);
}
void initLighting() {
glUseProgram(program);
// 设置光源方向（假设光源来自上方）
GLint lightDirLoc = glGetUniformLocation(program, "u_LightDirection");
glUniform3f(lightDirLoc, 0.0f, -1.0f, 0.0f); // Y 轴负方向
// 设置环境光颜色
GLint ambientColorLoc = glGetUniformLocation(program, "u_AmbientColor");
glUniform3f(ambientColorLoc, 0.2f, 0.2f, 0.2f); // 灰色环境光
}
4. 绘制函数
在绘制函数中，我们已经设置了模型视图矩阵 和投影矩阵。接下来，我们将绑定 VAO（顶点数组对象）并绘制物体。
void draw() {
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); // 清除颜色和深度缓冲
glUseProgram(program);
// 设置模型视图矩阵和投影矩阵
mat4 modelViewMatrix = ...; // 计算模型视图矩阵
mat4 projectionMatrix = ...; // 计算投影矩阵
GLint modelViewLoc = glGetUniformLocation(program, "u_ModelViewMatrix");
glUniformMatrix4fv(modelViewLoc, 1, GL_FALSE, &modelViewMatrix[0][0]);
GLint projectionLoc = glGetUniformLocation(program, "u_ProjectionMatrix");
glUniformMatrix4fv(projectionLoc, 1, GL_FALSE, &projectionMatrix[0][0]);
// 绘制物体（例如一个立方体）
glBindVertexArray(vao);
glDrawArrays(GL_TRIANGLES, 0, vertexCount); // 绘制三角形
glBindVertexArray(0); // 解绑 VAO
}
5. 其他注意事项
5.1 VAO 和 VBO 的设置
在绘制之前，您需要设置 VAO 和 VBO（顶点缓冲对象）。以下是一个简单的设置示例：
GLuint vao, vbo;
void initBuffers() {
// 定义顶点数据（位置和法线）
GLfloat vertices[] = {
// 位置 // 法线
-0.5f, -0.5f, 0.5f, 0.0f, 0.0f, 1.0f, // 前面
0.5f, -0.5f, 0.5f, 0.0f, 0.0f, 1.0f,
0.5f, 0.5f, 0.5f, 0.0f, 0.0f, 1.0f,
// ... 其他面
};
glGenVertexArrays(1, &vao);
glBindVertexArray(vao);
glGenBuffers(1, &vbo);
glBindBuffer(GL_ARRAY_BUFFER, vbo);
glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);
// 设置顶点属性指针
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(GLfloat), (GLvoid*)0); // 位置
glEnableVertexAttribArray(0);
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(GLfloat), (GLvoid*)(3 * sizeof(GLfloat))); // 法线
glEnableVertexAttribArray(1);
glBindBuffer(GL_ARRAY_BUFFER, 0); // 解绑 VBO
glBindVertexArray(0); // 解绑 VAO
}
5.2 深度测试
为了确保光照效果正确，您需要启用深度测试：
void initOpenGL() {
glEnable(GL_DEPTH_TEST); // 启用深度测试
glDepthFunc(GL_LESS); // 近的物体覆盖远的物体
}
6. 运行程序
在 main 函数中，您需要调用这些初始化函数，并在主循环中调用 draw 函数：
int main() {
// 初始化 EGL 和 OpenGL ES（省略具体实现）
initOpenGL();
initShaders();
initBuffers();
initLighting();
while (1) { // 主循环
draw(); // 绘制图形
eglSwapBuffers(display, surface); // 交换缓冲区
}
// 清理资源（省略）
return 0;
}
7. 总结
通过以上步骤，我们实现了一个简单的光照模型，支持环境光和平行光源。我们使用了顶点着色器和片段着色器来计算光照效果，并在 OpenGL ES 中设置了必要的缓冲区和状态。
8. 扩展功能
8.1 反射和镜面光照
除了环境光和漫反射光照，您还可以实现镜面光照，以模拟光在光滑表面上的反射。镜面光照通常依赖于观察者的视角和光源的方向。
镜面光照的计算可以通过以下公式实现：
vec3 viewDir = normalize(-v_Position); // 观察者方向 vec3 reflectDir = reflect(u_LightDirection, normal); // 反射方向 float spec = pow(max(dot(viewDir, reflectDir), 0.0), shininess); // 镜面光照强度
在顶点着色器中，您需要传递观察者的位置和物体的光泽度（shininess）到片段着色器。
8.2 点光源
您可以扩展光照模型以支持点光源。点光源会从一个点向所有方向发出光线，光照强度会随着距离的增加而衰减。
点光源的光照计算可以使用以下公式：
vec3 lightDir = normalize(lightPos - fragPos); // 从片段到光源的方向 float distance = length(lightPos - fragPos); float attenuation = 1.0 / (constant + linear * distance + quadratic * (distance * distance)); float diffuse = max(dot(normal, lightDir), 0.0) * attenuation; // 漫反射
您需要在着色器中传递光源的位置和衰减系数。
8.3 法线贴图
法线贴图可以用来增加表面的细节，而不需要增加多边形的数量。通过在片段着色器中使用法线贴图，您可以实现更复杂的光照效果。
法线贴图的使用：
1. 加载法线贴图并绑定到纹理单元。
2. 在片段着色器中，使用法线贴图来获取每个片段的法线。
vec3 normal = texture(u_NormalMap, texCoords).rgb; // 从法线贴图获取法线 normal = normalize(normal * 2.0 - 1.0); // 将法线从 [0,1] 转换到 [-1,1]
8.4 动态光源
您可以实现动态光源，使光源的位置和颜色可以在运行时改变。这可以通过更新 uniform 变量来实现。
void updateLightPosition(float x, float y, float z) {
GLint lightPosLoc = glGetUniformLocation(program, "u_LightPosition");
glUniform3f(lightPosLoc, x, y, z);
}
9. 性能优化
在实现光照模型时，性能是一个重要的考虑因素。
以下是一些优化建议：
- 减少状态切换：尽量减少在渲染过程中切换着色器和绑定纹理的次数。
- 使用批处理：将多个物体合并为一个绘制调用，减少绘制调用的数量。
- LOD（细节层次）：根据物体与摄像机的距离，使用不同的细节层次来减少渲染负担。
- 使用帧缓冲对象（FBO）：对于复杂的场景，可以使用 FBO 进行离屏渲染，减少主渲染循环中的计算。
10. 结论
通过实现简单的光照模型，您可以为 3D 场景添加真实感。我们讨论了环境光、平行光源、镜面光照、点光源、法线贴图等多种光照技术，并提供了相应的代码示例和扩展建议。
版权声明：本文为CSDN博主「你一身傲骨怎能输」的原创文章，
遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_33060405/article/details/146465733
