C++游戏引擎开发指南：正交相机在GUI系统中的应用

C++游戏引擎开发指南：正交相机在GUI系统中的应用

【免费下载链接】cpp-game-engine-book 从零编写游戏引擎教程 Writing a game engine tutorial from scratch 项目地址: https://gitcode.com/gh_mirrors/cp/cpp-game-engine-book

正交相机概述

在游戏开发中，相机系统是渲染管线的核心组件之一。正交相机（Orthographic Camera）是一种特殊的投影方式，它不会产生透视效果，即物体的大小不会随着距离的变化而变化。这种特性使其成为GUI（图形用户界面）系统开发的理想选择。

正交相机与普通相机的区别

1. 投影效果差异：

   • 普通相机：模拟人眼视觉，近大远小
   • 正交相机：保持物体尺寸不变，无视距离

2. 应用场景：

   • 普通相机：3D游戏场景渲染
   • 正交相机：UI界面、2D游戏、CAD应用等

3. 坐标系统：

   • 普通相机使用3D世界坐标
   • 正交相机通常使用屏幕像素坐标

正交相机矩阵实现

在游戏引擎中，我们可以使用GLM数学库轻松创建正交投影矩阵。关键函数是glm::ortho，它接受六个参数：

void Camera::SetOrthographic(float left, float right, 
                            float bottom, float top,
                            float z_near, float z_far) {
    projection_mat4_ = glm::ortho(left, right, bottom, top, z_near, z_far);
}

参数说明：

• left/right：定义视口的左右边界
• bottom/top：定义视口的上下边界
• z_near/z_far：定义深度范围

在游戏引擎中配置UI相机

在C++游戏引擎中配置UI相机需要以下步骤：

1. 创建相机游戏对象：

   auto go_camera_ui = new GameObject("ui_camera");
   

2. 设置相机位置：

   transform_camera_ui->set_position(glm::vec3(0, 0, 10));
   

3. 配置相机属性：

   camera_ui->set_depth(1);  // 确保UI在场景之上
   camera_ui->set_culling_mask(0x02);  // 只渲染UI层
   camera_ui->set_clear_flag(GL_DEPTH_BUFFER_BIT);  // 不清除颜色缓冲
   

4. 设置正交投影：

   camera_ui->SetView(glm::vec3(0, 0, 0), glm::vec3(0, 1, 0));
   camera_ui->SetOrthographic(-Screen::width()/2, Screen::width()/2,
                             -Screen::height()/2, Screen::height()/2,
                             -100, 100);
   

UI元素渲染实践

渲染UI元素时需要注意以下几点：

1. 顶点坐标：使用屏幕像素坐标

   vector<MeshFilter::Vertex> vertex_vector = {
       { {0.f, 0.0f, 0.0f}, {1.0f,1.0f,1.0f,1.0f}, {0.f, 0.f} },
       { {texture2D->width(), 0.0f, 0.0f}, {1.0f,1.0f,1.0f,1.0f}, {1.f, 0.f} },
       // 其他顶点...
   };
   

2. 层级管理：

   go->set_layer(0x02);  // 设置为UI层
   

3. 材质设置：

   auto material = new Material();
   material->Parse("material/ui_image.mat");
   material->SetTexture("u_diffuse_texture", texture2D);
   

实际应用效果

正确配置后，UI元素将：

• 保持固定大小，不受相机距离影响
• 精确匹配设计尺寸（如100x100的图片显示为100像素）
• 始终显示在最上层

常见问题与解决方案

1. UI元素不显示：

   • 检查相机深度值是否大于场景相机
   • 确认UI对象的层级是否在相机的culling_mask中

2. UI元素位置不正确：

   • 确认正交相机参数与屏幕分辨率匹配
   • 检查顶点坐标是否使用正确的屏幕坐标

3. UI元素被场景遮挡：

   • 确保UI相机深度值设置正确
   • 检查是否启用了深度测试

正交相机是GUI系统的基础，理解其原理和实现方式对于开发高质量的游戏UI至关重要。通过合理配置，可以创建出精确、响应迅速的界面系统。

【免费下载链接】cpp-game-engine-book 从零编写游戏引擎教程 Writing a game engine tutorial from scratch 项目地址: https://gitcode.com/gh_mirrors/cp/cpp-game-engine-book