游戏引擎从零开始(9)-修复bug"imgui窗口渲染不正确"

前言

增加一篇,修复上节代码中的bug。imGui渲染的列表大小和坐标都不对.

修复后效果,imgui界面整齐的摆放到右上角(忽略背景色,感觉会灰色的比较好看,绿色的太刺眼了)

修改点说明

关键的修改点一一说明,另删掉了一些无用代码.

  • Window增加获取真实window的接口

Sandbox/Hazel/src/Hazel/Core/Window.h

c++ 复制代码
...
#include <glad/glad.h>
#include <GLFW/glfw3.h>

class Window {
public:
    ...
    virtual GLFWwindow* GetNativeWindow(){return nullptr;};
    ...
};
  • WindowsWindow中实现获取window的接口

Sandbox/Hazel/src/Hazel/Platform/Windows/WindowsWindow.h

arduino 复制代码
GLFWwindow* GetNativeWindow() {
    return m_Window;
}
  • ImGuiLayer初始化

参考Demo代码,按照最新版本ImGui库的要求, 增加ImGui_ImplGlfw_InitForOpenGL调用

Sandbox/Hazel/src/Hazel/ImGui/ImGuiLayer.cpp

c++ 复制代码
void ImGuiLayer::OnAttach() {
  ...
  ImGui_ImplGlfw_InitForOpenGL(Application::Get().GetWindow().GetNativeWindow(), true);
  ImGui_ImplOpenGL3_Init("#version 330");
}
  • ImGuiLayer update逻辑完善

增加ImGui_ImplGlfw_NewFrame()调用,这里面封装了对窗口适配的处理,上节中渲染不正确最核心的逻辑就是少了这行.

Sandbox/Hazel/src/Hazel/ImGui/ImGuiLayer.cpp

c++ 复制代码
void ImGuiLayer::OnUpdate() {
    ...
    ImGui_ImplOpenGL3_NewFrame();
    ImGui_ImplGlfw_NewFrame();
    ImGui::NewFrame();
    ...
}
  • 去掉glad.h中的异常

glad.h include必须在glfw.h include之前。glfw在好几处会用到,一不小心就容易弄错,我们很明确glad.h已经Hook了OpenGL的接口,这里图省事,直接注释掉了glad.h中报错的那行.

Sandbox/Hazel/src/Hazel/Platform/include/glad/glad.h

c+++ 复制代码
#define __glad_h_

#ifdef __gl_h_
//#error OpenGL header already included, remove this include, glad already provides it
#endif
#define __gl_h_
  • 更新清屏颜色

换个好看点的背景色

Sandbox/Hazel/src/Hazel/Application.cpp

scss 复制代码
while(m_Running) {
    glClearColor(0.45f, 0.55f, 0.60f, 1.00f);
    glClear(GL_COLOR_BUFFER_BIT);
    ...

其他的少量变革属于简单的代码调整,可以不用改。

完整代码参考

fix bug: the imgui window rendered not correct

相关推荐
本山德彪15 小时前
把快要失传的老游戏,一笔一画搬回来——「乡土游戏馆」创作手记
游戏开发
甲维斯1 天前
《坦克大战2026》游戏升级!加入无敌道具!
ai编程·游戏开发
甲维斯1 天前
GLM5.2+ZCode复刻坦克大战,自测50万帧!
前端·ai编程·游戏开发
晓杰在写后端2 天前
从0到1实现Balatro游戏后端(9):Blind奖励结算与金币系统实现
后端·游戏开发
博客18002 天前
酷宝的使用方法,超好用的免费界面库,C++、MFC可用
c++·mfc·界面库·库来帮·酷宝
郝学胜_神的一滴2 天前
CMake 026:属性体系精讲、四大作用域全解 & 实战代码落地
c++·cmake
SmalBox2 天前
【节点】[SmoothWave节点]原理解析与实际应用
unity3d·游戏开发·图形学
甲维斯2 天前
用AI还原《坦克大战》并3D化升级!
前端·人工智能·游戏开发
众少成多积小致巨2 天前
JNI (Java Native Interface) 技术手册中文参考指南
android·java·c++
甲维斯3 天前
坦克大战测试全翻车了!豆包,DeepSeek,Qwen,GPT,Claude
前端·人工智能·游戏开发