【游戏引擎开发日志2】Vulkan整合Imgui

最新推荐文章于 2024-10-02 07:01:53 发布
最新推荐文章于 2024-10-02 07:01:53 发布
阅读量1.2k 收藏 5
点赞数 3
文章标签： 图形渲染 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37509216/article/details/132570209
版权

本文的内容是介绍Vulkan整合Imgui的方法。Imgui官方给出了一个整合vulkan的案例，用户可以直接使用该后端进行渲染，也可以自己写vulkan后端进行渲染。本文采取了自己写vulkan后端的方式。若想采用imgui官方的后端，可以把imgui_impl_vulkan.h/cpp文件包含到自己的工程中使用。

初始化

在程序的最开始，程序判断使用哪种api渲染。如果是vulkan渲染，就创建一个VulkanImguiRenderer实例。VulkanImguiRenderer类是我自定义的vullkan imgui渲染类，采用了单例的实现思路，可以直接用类名调用方法。

	if (RendererAPI::GetAPI() == RendererAPI::API::OpenGL)
	{
		ImGui_ImplGlfw_InitForOpenGL(window, true);
		ImGui_ImplOpenGL3_Init("#version 410");
	}
	else if (RendererAPI::GetAPI() == RendererAPI::API::Vulkan)
	{
		ImGui_ImplGlfw_InitForVulkan(window, true);
		VulkanImguiRenderer::Create();
	}

渲染开始

imgui渲染的方式是：先生成若干绘制命令，再把这些命令统一提交给后端的渲染器，让它执行。开始记录绘制命令需要调用ImGui::NewFrame()函数。记录结束后，使用ImGui::Render()方法提交命令。

if (RendererAPI::GetAPI() == RendererAPI::API::OpenGL)
{
	ImGui_ImplOpenGL3_NewFrame();
	ImGui_ImplGlfw_NewFrame();
	ImGui::NewFrame();
	ImGuizmo::BeginFrame();
}
else if (RendererAPI::GetAPI() == RendererAPI::API::Vulkan)
{
	ImGui_ImplGlfw_NewFrame();
	ImGui::NewFrame();
	ImGuizmo::BeginFrame();//坐标轴绘制工具
	
}

Vulkan后端工作流程

本项目的Imgui渲染后端在VulkanImguiRenderer类中实现。它的工作流程如下：

  1. 初始化vulkan渲染资源，包括创建顶点和索引缓冲、加载shader，创建管线等；
  2. 加载字体相关贴图资源，创建该贴图的描述符集；
  3. 外部提交渲染命令；
  4. 更新缓冲区数据，主要是顶点和索引缓冲数据。如果有必要，需重建顶点和索引缓冲区；
  5. 读取渲染命令，执行vulkan渲染操作；
  6. 返回步骤3循环，直到程序结束。

初始化vulkan资源

首先，创建imgui渲染管线的描述符集布局。这个布局是和imgui的shader对应的，即在0号binding位上有一个VK_DESCRIPTOR_TYPE_COMBINED_IMAGE_SAMPLER类型的资源。

setLayout = std::make_shared<VulkanDescriptorSetLayout>();
setLayout->AddBinding(0, DescriptorType::IMAGE);
setLayout->Build();

同时，Push Constant也是和imgui的shader一一对应的，格式如下:

struct PushConstBlock {
	glm::vec2 scale;
	glm::vec2 translate;
} pushConstBlock;

接下来，进行渲染管线的配置。配置部分可以参考imgui官方提供的案例和SaschaWillems的vulkan整合imgui案例。

configInfo.inputAssemblyInfo.sType = VK_STRUCTURE_TYPE_PIPELINE_INPUT_ASSEMBLY_STATE_CREATE_INFO;
configInfo.inputAssemblyInfo.topology = VK_PRIMITIVE_TOPOLOGY_TRIANGLE_LIST;
configInfo.inputAssemblyInfo.flags = 0;
configInfo.inputAssemblyInfo.primitiveRestartEnable = VK_FALSE;

configInfo.viewportInfo.sType = VK_STRUCTURE_TYPE_PIPELINE_VIEWPORT_STATE_CREATE_INFO;
configInfo.viewportInfo.viewportCount = 1;
configInfo.viewportInfo.scissorCount = 1;
configInfo.viewportInfo.flags = 0;

configInfo.rasterizationInfo.sType = VK_STRUCTURE_TYPE_PIPELINE_RASTERIZATION_STATE_CREATE_INFO;
configInfo.rasterizationInfo.polygonMode = VK_POLYGON_MODE_FILL;
configInfo.rasterizationInfo.cullMode = VK_CULL_MODE_NONE;
configInfo.rasterizationInfo.frontFace = VK_FRONT_FACE_COUNTER_CLOCKWISE;
configInfo.rasterizationInfo.flags = 0;
configInfo.rasterizationInfo.depthClampEnable = VK_FALSE;
configInfo.rasterizationInfo.lineWidth = 1.0f;

configInfo.multisampleInfo.sType = VK_STRUCTURE_TYPE_PIPELINE_MULTISAMPLE_STATE_CREATE_INFO;
configInfo.multisampleInfo.rasterizationSamples = VK_SAMPLE_COUNT_1_BIT;
configInfo.multisampleInfo.flags = 0;

// Enable blending
configInfo.colorBlendAttachment.blendEnable = VK_TRUE;
configInfo.colorBlendAttachment.colorWriteMask = VK_COLOR_COMPONENT_R_BIT | VK_COLOR_COMPONENT_G_BIT | VK_COLOR_COMPONENT_B_BIT | VK_COLOR_COMPONENT_A_BIT;
configInfo.colorBlendAttachment.srcColorBlendFactor = VK_BLEND_FACTOR_SRC_ALPHA;
configInfo.colorBlendAttachment.dstColorBlendFactor = VK_BLEND_FACTOR_ONE_MINUS_SRC_ALPHA;
configInfo.colorBlendAttachment.colorBlendOp = VK_BLEND_OP_ADD;
configInfo.colorBlendAttachment.srcAlphaBlendFactor = VK_BLEND_FACTOR_ONE_MINUS_SRC_ALPHA;
configInfo.colorBlendAttachment.dstAlphaBlendFactor = VK_BLEND_FACTOR_ZERO;
configInfo.colorBlendAttachment.alphaBlendOp = VK_BLEND_OP_ADD;

configInfo.colorBlendInfo.sType = VK_STRUCTURE_TYPE_PIPELINE_COLOR_BLEND_STATE_CREATE_INFO;
configInfo.colorBlendInfo.attachmentCount = 1;
configInfo.colorBlendInfo.pAttachments = &configInfo.colorBlendAttachment;

configInfo.depthStencilInfo.sType = VK_STRUCTURE_TYPE_PIPELINE_DEPTH_STENCIL_STATE_CREATE_INFO;
configInfo.depthStencilInfo.depthTestEnable = VK_FALSE;
configInfo.depthStencilInfo.depthWriteEnable = VK_FALSE;
configInfo.depthStencilInfo.depthCompareOp = VK_COMPARE_OP_LESS_OR_EQUAL;
configInfo.depthStencilInfo.back.compareOp = VK_COMPARE_OP_ALWAYS;

configInfo.dynamicStateEnables = { VK_DYNAMIC_STATE_VIEWPORT,VK_DYNAMIC_STATE_SCISSOR };
configInfo.dynamicStateInfo.sType = VK_STRUCTURE_TYPE_PIPELINE_DYNAMIC_STATE_CREATE_INFO;
configInfo.dynamicStateInfo.pDynamicStates = configInfo.dynamicStateEnables.data();
configInfo.dynamicStateInfo.dynamicStateCount = static_cast<uint32_t>(configInfo.dynamicStateEnables.size());
configInfo.dynamicStateInfo.flags = 0;

VkVertexInputBindingDescription vInputBindDescription{};
vInputBindDescription.binding = 0;
vInputBindDescription.stride = sizeof(ImDrawVert);
vInputBindDescription.inputRate = VK_VERTEX_INPUT_RATE_VERTEX;
// Vertex bindings an attributes based on ImGui vertex definition
std::vector<VkVertexInputBindingDescription> vertexInputBindings = {
	vInputBindDescription,
};
VkVertexInputAttributeDescription vInputAttribDescription1{};
vInputAttribDescription1.location = 0;
vInputAttribDescription1.binding = 0;
vInputAttribDescription1.format = VK_FORMAT_R32G32_SFLOAT;
vInputAttribDescription1.offset = offsetof(ImDrawVert, pos);
VkVertexInputAttributeDescription vInputAttribDescription2{};
vInputAttribDescription2.location = 1;
vInputAttribDescription2.binding = 0;
vInputAttribDescription2.format = VK_FORMAT_R32G32_SFLOAT;
vInputAttribDescription2.offset = offsetof(ImDrawVert, uv);
VkVertexInputAttributeDescription vInputAttribDescription3{};
vInputAttribDescription3.location = 2;
vInputAttribDescription3.binding = 0;
vInputAttribDescription3.format = VK_FORMAT_R8G8B8A8_UNORM;
vInputAttribDescription3.offset = offsetof(ImDrawVert, col);
std::vector<VkVertexInputAttributeDescription> vertexInputAttributes = {
	vInputAttribDescription1,vInputAttribDescription2,vInputAttribDescription3
};

std::vector<VkDescriptorSetLayout>layouts = { setLayout->GetDescriptorSetLayout() };
pipeline = std::make_shared<VulkanPipeline>(VulkanRenderer::Get()->GetSwapChain()->GetRenderPass()->GetRenderPass(),
	layouts,
	std::make_shared <VulkanShader>("assets/shaders/ui.vert",
		"assets/shaders/ui.frag"),
	sizeof(PushConstBlock),
	vertexInputBindings,
	vertexInputAttributes,
	&configInfo
);

绑定贴图资源

imgui绘制需要依赖于一张字体贴图资源，vulkan后端需要为这张字体贴图资源创建描述符集，以便在渲染的时候绑定。除此之外，用户自定义的图片如果想要使用imgui渲染，也需要创建描述符集，并把描述符集的地址通过ImGui::Image函数传递给后端。
ImGui::Image函数想要绘制贴图，需要把一个作为贴图句柄的ImTextureId参数传递进去。这个参数在不同的图形API中含义是不同的。 在imgui官方的vulkan后端实现文件中，这个参数被设定为VkDescriptorSet *的值。不过，我个人不太欣赏这种实现方式，因为Vulkan是多帧同时渲染的，所以在前端执行Imgui::Image函数的时候，用户怎么确定要绑定的描述符集是哪一帧的呢？因此，我选择把自己封装的VulkanDescriptorSet对象地址作为ImTextureID传递进去。
我使用一个哈希表存储所有的描述符集，用名字作为索引。用户可以在外部使用RegisterImage函数注册图像资源，即为图像生成描述符集；也可以在外部使用GetImageId命令获得描述符集的值。

class VulkanImguiRenderer
{
public:
   ......
   static void RegisterImage(std::string name,std::shared_ptr<VulkanImageView> imageView) {
	inst->registerImage(name,imageView);
}
static void RegisterImages(std::string name, std::vector<std::shared_ptr<VulkanImageView> >& imageView) {
	inst->registerImages(name, imageView);
}
static std::shared_ptr<VulkanDescriptorSet> GetImageId(std::string name)
{
	return inst->getImageId(name);
}
private:
   ......
void registerImage(std::string name,std::shared_ptr<VulkanImageView> imageView);
void registerImages(std::string name, std::vector<std::shared_ptr<VulkanImageView> >& imageView);
std::unordered_map<std::string,std::shared_ptr<VulkanDescriptorSet> >descriptorSets;
}

注册图片资源的代码如下：

void VulkanImguiRenderer::registerImage(std::string name, std::shared_ptr<VulkanImageView> imageView)
{
	std::shared_ptr<VulkanDescriptorSet>tempSet = std::make_shared<VulkanDescriptorSet>(setLayout);
	tempSet->WriteImage(0, imageView->GetDescriptorImageInfo().get());
	tempSet->Update();
	descriptorSets.insert(std::pair<std::string, std::shared_ptr<VulkanDescriptorSet> >(name, tempSet));
}

在外部的使用方法如下：

ImGui::Image((ImTextureID)(VulkanImguiRenderer::GetImageId("renderTarget").get()), ImVec2(400, 400));

更新资源数据

imgui在每一帧的绘制之前，都需要更新缓冲区的数据，尤其是顶点和索引缓冲区的数据。
由于imgui会随时对顶点和索引缓冲区进行扩容，所以为了实现多帧绘制的功能，需要把顶点和索引缓冲区为每一帧定义一个。我把顶点和索引缓冲区进行了封装，把多帧对应的缓冲区封装到了同一个类里。

ImDrawData* imDrawData = ImGui::GetDrawData();
if (imDrawData == nullptr)return;

// Note: Alignment is done inside buffer creation
VkDeviceSize vertexBufferSize = imDrawData->TotalVtxCount * sizeof(ImDrawVert);
VkDeviceSize indexBufferSize = imDrawData->TotalIdxCount * sizeof(ImDrawIdx);

if ((vertexBufferSize == 0) || (indexBufferSize == 0)) {
	return;
}
if (vertexBuffer == nullptr)
{
	vertexBuffer = std::make_shared<VulkanVertexBuffer>(imDrawData->TotalVtxCount, sizeof(ImDrawVert));
	vertexBuffer->Map();
}
else if (vertexBuffer->GetVertexCount() != imDrawData->TotalVtxCount)
{
	vertexBuffer->Destroy();
	vertexBuffer->CreateBuffer(imDrawData->TotalVtxCount, sizeof(ImDrawVert));
	vertexBuffer->Map();
}
if (indexBuffer == nullptr)
{
	indexBuffer = std::make_shared<VulkanIndexBuffer>(imDrawData->TotalIdxCount, sizeof(ImDrawIdx));
	indexBuffer->Map();
}
else if (indexBuffer->GetIndexCount() != imDrawData->TotalIdxCount)
{
	indexBuffer->Destroy();
	indexBuffer->CreateBuffer(imDrawData->TotalIdxCount, sizeof(ImDrawIdx));
	indexBuffer->Map();
}
// Update buffers only if vertex or index count has been changed compared to current buffer size

// Upload data
ImDrawVert* vtxDst = (ImDrawVert*)vertexBuffer->GetMapped();
ImDrawIdx* idxDst = (ImDrawIdx*)indexBuffer->GetMapped();
for (int n = 0; n < imDrawData->CmdListsCount; n++) {
	const ImDrawList* cmd_list = imDrawData->CmdLists[n];
	memcpy(vtxDst, cmd_list->VtxBuffer.Data, cmd_list->VtxBuffer.Size * sizeof(ImDrawVert));
	memcpy(idxDst, cmd_list->IdxBuffer.Data, cmd_list->IdxBuffer.Size * sizeof(ImDrawIdx));
	vtxDst += cmd_list->VtxBuffer.Size;
	idxDst += cmd_list->IdxBuffer.Size;
}
// Flush to make writes visible to GPU
vertexBuffer->Flush();
indexBuffer->Flush();

绘制数据

首先，需要绑定渲染管线、绑定Push Constant。接下来，使用ImGui::GetDrawData函数获取渲染命令。循环遍历每一条命令，检查命令的TextureId成员是否为空，如果为空，说明这是一条普通的绘制命令，需要绑定字体贴图对应的描述符集；否则，就需要绑定用户自定义图片的描述符集。注意，这个TextureId字段就是在ImGui::Image函数中传递进来的参数。我们直接把它强制转换为它原本的格式即可。

if (ImGui::GetDrawData() == nullptr)return;
auto commandBuffer = VulkanRenderer::Get()->GetCurrentCommandBuffer();
ImGuiIO& io = ImGui::GetIO();

pipeline->Bind();

std::shared_ptr<VulkanDescriptorSet> fontDescriptorSet = getImageId("font");
auto descriptorPtr = fontDescriptorSet->GetDescriptorSet(VulkanRenderer::Get()->GetFrameIndex());
vkCmdBindDescriptorSets(
	VulkanRenderer::Get()->GetCurrentCommandBuffer(),
	VK_PIPELINE_BIND_POINT_GRAPHICS,
	pipeline->GetPipelineLayout(),
	0,
	1,
	&descriptorPtr,
	0,
	nullptr
);

VkViewport viewport{};
viewport.width = ImGui::GetIO().DisplaySize.x;
viewport.height = ImGui::GetIO().DisplaySize.y;
viewport.minDepth = 0.0f;
viewport.maxDepth = 1.0f;
vkCmdSetViewport(commandBuffer, 0, 1, &viewport);

// UI scale and translate via push constants
pushConstBlock.scale = glm::vec2(2.0f / io.DisplaySize.x, 2.0f / io.DisplaySize.y);
pushConstBlock.translate = glm::vec2(-1.0f);
pipeline->PushConstant(sizeof(PushConstBlock), &pushConstBlock);


// Render commands
ImDrawData* imDrawData = ImGui::GetDrawData();
int32_t vertexOffset = 0;
int32_t indexOffset = 0;

if (imDrawData->CmdListsCount > 0) {

	VkDeviceSize offsets[1] = { 0 };
	vertexBuffer->Bind();
	indexBuffer->Bind(VK_INDEX_TYPE_UINT16);


	for (int32_t i = 0; i < imDrawData->CmdListsCount; i++)
	{
		const ImDrawList* cmd_list = imDrawData->CmdLists[i];
		for (int32_t j = 0; j < cmd_list->CmdBuffer.Size; j++)
		{
			const ImDrawCmd* pcmd = &cmd_list->CmdBuffer[j];
			VkRect2D scissorRect;
			scissorRect.offset.x = std::max((int32_t)(pcmd->ClipRect.x), 0);
			scissorRect.offset.y = std::max((int32_t)(pcmd->ClipRect.y), 0);
			scissorRect.extent.width = (uint32_t)(pcmd->ClipRect.z - pcmd->ClipRect.x);
			scissorRect.extent.height = (uint32_t)(pcmd->ClipRect.w - pcmd->ClipRect.y);
			vkCmdSetScissor(commandBuffer, 0, 1, &scissorRect);
			// Bind DescriptorSet with font or user texture
			
			auto imageDescriptorPtr = (VulkanDescriptorSet*)pcmd->TextureId;
			if (imageDescriptorPtr != nullptr)
			{
				VkDescriptorSet set = imageDescriptorPtr->GetDescriptorSet(VulkanRenderer::Get()->GetFrameIndex());
				pipeline->BindDescriptorSet(0, &set);
			}
			else {
				pipeline->BindDescriptorSet(0, &descriptorPtr);
			}

			vkCmdDrawIndexed(commandBuffer, pcmd->ElemCount, 1, indexOffset, vertexOffset, 0);
			indexOffset += pcmd->ElemCount;
			
		}
		vertexOffset += cmd_list->VtxBuffer.Size;
	}
}

以上步骤都完成后，就可以成功绘制Imgui到屏幕上了。最后，我想总结一下我在绘制过程中踩的坑：

  1. 一定要为每一帧都创建一个顶点/索引缓冲区，否则，在试图销毁缓冲区进行扩容的时候vulkan会提示你该资源正在被使用，无法销毁；
  2. 记得初始化imgui的glfw后端（如果采用glfw开启窗口的话），该后端可用来处理输入回调函数，如果不初始化，imgui将无法进行任何操作。注：也可以自己编写输入回调函数。
  3. 不要使用vulkan官方教程里的渲染管线配置文件初始化imgui的渲染管线，二者具有一定差异。
克莉斯丁
关注
GraphicsViewer:用Vulkan和ImGui创建的场景集合
04-17
图形查看器 关于 用Vulkan和ImGui创建的场景集合
无窗口IMGUI绘制-稳定
09-30
无窗口IMGUI绘制-稳定
跟着cherno手搓游戏引擎【6】ImGui和ImGui事件
weixin_61943345的博客
01-14 1015
游戏引擎，cherno，c++，vs2019，手搓，很全，ImGui导入与使用
CXEngine:CXEngine是一个方便大家使用lua+imgui做游戏的游戏引擎,目前主要整合了vscode lua调试器，网络库，还有lua imgui，以及2D回合制MMORPG的框架
05-04
关于这个项目： CXEngine是一个方便大家使用lua+imgui做游戏的游戏引擎 已构建完成的库下载 提取码：3ppy 下载完成后，运行launcher.bat可以启动客户端，服务端，以及资源路径配置。 构建方法： git clone --recursive 构建external工程。用cmake.exe打开CXEngine/external/CMakeLists.txt，配置构建的binaries目录为CXEngine/external/build, vs版本请选择Visual Studio 15 2017 之后的64位版本，之后全部采用默认配置，点击生成，直到vs工程生成。然后用IDE打开工程，构建INSTALL目标，这个构建完成后会自动安装libs还有include文件到CXEngine/external/dist目录下 构建CXEngineAll工程。用cmake.exe打开
B-5 VulkanSceneGraph（VSG）+imgui和动态调整
qq_46348003的博客
06-12 535
VulkanSceneGraph（VSG）+imgui和动态调整
ImGui 集成到 axmol 引擎
一线灵的博客
09-08 2291
最近研究接触了下ImGui, 发现这货结合Cocos2d-x系列引擎写游戏工具非常方便，据笔者分析，有如下优点: 不会污染游戏逻辑 复用游戏场景功能 无需美术提供工具资源，自动布局的菜单按钮，程序员轻松搞定 非常丰富的控件，可以写出非常易用的游戏工具，提高工具使用者体验和效率 C++可用宏来控制，避免release游戏将GM工具发布出去了 于是笔者产生了将ImGui集成到EGNX引擎中的想法，本着复用原则，笔者先在github搜索一番，按stars数量排序(搜索优秀开源库的基本方法)，点击查看搜索结果，
将Imgui关联到自己的引擎
人宅
05-31 452
如何安装Imgui
IMGUI 系统 - Dear ImGUI
热门推荐
Jave.Lin 的学习笔记
07-03 2万+
简单介绍 因为我在写 LearnGL 系列笔记的时候，发现没有 GUI 可以用，好蛋疼，然后在 GitHub 上找到一个叫：Dear ImGui，这个GUI系统对我来说，太太太完美了，它是用 C++ 编写的一个 GUI 系统。 看了下面的 案例截图 你会发现，原来以前看到的一些大厂的各种 DEMO，或是一些软件原来就是用 Dear ImGui 制作的，Vulkan、OpenGL的一些示例，还有如果你使用过 Unity 的旧版的 GUI 系统，你就会发现 Unity 的 GUI 接口设计是参考 Dear Im
高速C ++ 17 Vulkan游戏引擎-C/C++开发
05-26
Acid是使用现代C ++ 17编写的开源，跨平台游戏引擎，其结构快速，简单且具有高度模块化。 Vulkan是唯一的图形API，可以使用提供的Acid渲染点在应用程序中访问Vulkan。Acid是用现代C ++ 17编写的开源，跨平台游戏引擎...
Vulkan2DRenderer:使用Vulkan API作为后端的易于使用的2D渲染引擎
05-15
Vulkan 2D渲染引擎/库并不常见。 我发现没有任何易于使用的具有多窗口支持的2D渲染库。 对于希望了解具体Vulkan API使用的人们来说，这应该可以很好地作为示例。 （如果您有任何疑问，请随时告诉我） 能力 轻松...
夜间玄武岩-基于vulkan的window / ui框架-Rust开发
05-27
Basalt是一个窗口/ ui框架，用于构建桌面应用程序或为其他顶级应用程序提供ui。 在安全的后端vulkano中，玄武岩是构建桌面应用程序或为其他顶级应用程序提供ui的窗口/ ui框架。 在后端vulkano中，这是围绕vulkan的安全防锈包装材料。 玄武岩提供了窗口创建，高级输入处理以及ui本身。 UI基于Bin的思想。 Bin可以具有边框，背景和文本，并且是构建任何ui小部件/元素的基本元素。 当前提供的小部件/元素的数量是有限的。 这个项目非常
vkrender：Vulkan渲染器游戏引擎
02-02
vkrender是一款基于Vulkan图形API开发的游戏引擎渲染器，它专为高性能、低级别的图形编程设计，以实现更高效、更直接的硬件控制。Vulkan是Khronos Group推出的一种现代图形API，与DirectX 12和Metal相似，旨在提供更...
Auto3D：基于OpenGL OpenGL ES和Vulkan的2D和3D游戏引擎
02-04
Auto3D是一款强大的游戏引擎，它利用了OpenGL、OpenGL ES以及Vulkan这三种图形库来实现高效的2D和3D游戏开发。OpenGL是跨语言、跨平台的应用程序编程接口（API），用于渲染2D和3D图形。OpenGL ES是OpenGL的嵌入式...
ImGUI项目建立(cmake+MinGW64)
ajream的博客
06-24 2997
ImGui是一个轻量级的C++图形界面库，它可以用于创建各种交互式的工具和编辑器。具有跨平台、高性能的特点。
探索ImGuiSDL：让SDL2与Dear ImGui轻松共舞的开源宝藏
gitblog_00085的博客
06-01 734
探索ImGuiSDL：让SDL2与Dear ImGui轻松共舞的开源宝藏 imgui_sdl ImGuiSDL: SDL2 based renderer for Dear ImGui 项目地址: https://gitcode.com/gh_mirrors/im/...
[引擎开发] 杂谈ue4中的Vulkan
(ง •̀_•́)ง
10-05 2307
接触Vulkan大概也有大半年，概述一下自己这段时间了解到的东西。本文实际上是杂谈性质而非综述性质，带有严重的主观认知，因此并没有那么严谨。使用Vulkan会带来什么呢？简单来说就是对底层更好的控制。这意味着我们能够有更多的手段去提升绘制的效率。这里Vulkan主要能够提升的是CPU端的效率，GPU端的效率是无法直接提升的。这里所说的提升CPU的效率，实际上描述的是Vulkan能够更好地控制渲染数据的准备，那么这个渲染数据的准备具体来说就是完成渲染指令的编码。
C++轻量级界面开发框架ImGUI介绍
我不是萧海哇的博客
01-14 4338
  如果从事过C++ Windows客户端开发，大家对MFC、Qt、DuiLib等各种DirectUI应该有了解，本篇给大家介绍一个超级轻量级的C++开源跨平台图形界面框架ImGUI. ImGUI简介   ImGUI主要用于游戏行业，所有的控件都需要手绘实现，当然性能也是满满的，...
【ZeloEngine】ImGui汇总
游戏编程扯淡精粹
12-19 4254
【ZeloEngine】ImGui汇总 ImGui 如何开发/编程指南 ImGui基本原理 ImGui框架概念 ImGui接口 脚本绑定接口 脚本薄封装框架 参考项目 痛点 原理学完只是第一步，我们要铺量去写UI，那工具链要是完善的 目前抄了几个界面后的痛点是：对接口不熟悉，查接口要跳很多文档 理想的状态是：Model数据结构=》设计粗略View展示Model=》转换成代码=》迭代交互和样式 接口文档 https://blog.csdn.net/zolo_mario/article/deta
探索 PixiJS：强大的 2D 图形渲染库
最新发布
qq_34820371的博客
10-02 1542
随着 Web 技术的发展，越来越多的开发者希望在网页中实现丰富的视觉效果和动画。PixiJS 作为一个高性能的 2D 渲染库，凭借其强大的功能和易用性，成为了许多游戏和互动应用开发者的首选。本文将深入探讨 PixiJS 的特点、应用场景以及核心功能，帮助你更好地理解并应用这个库。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值