使用Vulkan封装一个2D小引擎

花了半个月填了下毕设开的坑『基于Vulkan的2D游戏引擎的设计与实现』,最终实现了一个简单的2D小引擎，算是体验了Vulkan的开发流程。

主循环非常常规，三段式：

void GameEngine::Run(){while (!glfwWindowShouldClose(this->window)){glfwPollEvents();this->ProcessInput();this->UpdateLogic();this->DrawFrame();}glfwDestroyWindow(this->window);glfwTerminate();}

用到了5个单例Manager，VulkanRenderer、InputManager、AudioManager、GUIManager和TimerManager。

Vulkan初始化过程如下：

void InitVulkan(){createInstance();// 创建VkApplication && VkInstancesetUpDebugCallback();// 设置Vulkan Debug回调信息createSurface();// 创建窗口相关的VkSurfacepickPhysicalDevice();// 选择计算机物理显卡，创建VkPhysicsDevicecreateLogicalDevice();// 创建逻辑设备VkDevicecreateSwapChain();// 创建交换链SwapChain并获取ImagescreateImageViews();// 为每一个SwapChain Images创建ImageViewcreateRenderPass();// 创建RenderPass，配置颜色和深度的信息creatDescriptorSetLayout();// 创建描述符信息，为Shader的属性提供信息createGriphicsPipeline();// 创建渲染管线，一旦创建几乎不能动态更改createCommandPool();// 创建命令池createDepthResources();// 创建深度纹理，用于DepthTestcreateFragmentBuffer();// 创建帧缓冲，Vulkan默认采用三重缓冲createTextureSampler();// 创建可以重复使用的TextureSamplercreateIndexBuffer();// 创建可以重复使用的IBOcreateDescriptorPool();// 创建描述符池，描述符用于绑定Shader的属性createSemaphores();// 创建绘制和呈现所需的信号量}

要绘制的对象用一个std::vector<Sprite>来保存，每次增加删除Sprite时按绘制顺序排序，比如先绘制不透明图片，再绘制透明图片。

因为要绘制半透明物体，渲染关系的相关配置如下：

// 深度缓冲和模板缓存的配置VkPipelineDepthStencilStateCreateInfo depthStencil = {};depthStencil.sType = VK_STRUCTURE_TYPE_PIPELINE_DEPTH_STENCIL_STATE_CREATE_INFO;depthStencil.depthTestEnable = VK_TRUE;depthStencil.depthWriteEnable = VK_FALSE;// 绘制半透明物体禁用深度写入depthStencil.depthCompareOp = VK_COMPARE_OP_LESS;depthStencil.depthBoundsTestEnable = VK_FALSE;depthStencil.stencilTestEnable = VK_FALSE;// 颜色混合配置，包括RGB混合和Alpha值的混合，可以采用不同的配置// 开启混合时：rgb = src.rgb * src.a + dst.rgb * (1 - src.a)//             a   = src.a  // 关闭混合时：rgb = src.rgb//             a   = src.aVkPipelineColorBlendAttachmentState state = {};state.colorWriteMask = VK_COLOR_COMPONENT_R_BIT | VK_COLOR_COMPONENT_G_BIT | VK_COLOR_COMPONENT_B_BIT | VK_COLOR_COMPONENT_A_BIT;state.blendEnable = VK_TRUE;state.srcColorBlendFactor = VK_BLEND_FACTOR_SRC_ALPHA;state.dstColorBlendFactor = VK_BLEND_FACTOR_ONE_MINUS_SRC_ALPHA;state.colorBlendOp = VK_BLEND_OP_ADD;state.srcAlphaBlendFactor = VK_BLEND_FACTOR_ONE;state.dstAlphaBlendFactor = VK_BLEND_FACTOR_ZERO;state.alphaBlendOp = VK_BLEND_OP_ADD;

每次新增一个Sprite时，首先根据窗口大小调整Sprite的状态，随后为其创建对应的Vulkan对象：

Sprite* AddSprite(int x, int y, int width, int height, const char* fileName){Sprite *sprite = new Sprite{ device, glm::vec2(width, height), glm::vec2(windowWidth, windowHeight),glm::vec2(x, y), fileName };sprite->SetUp();createTextureImage(sprite); //为Sprite创建相关的Vulkan对象，Image、ImageView，绑定VertexBuffer与UniformBuffercreateTextureImageView(sprite);createVertexBuffer(sprite);createUniformBuffer(sprite);createDescriptorSet(sprite); // 绑定描述符信息spriteList.push_back(sprite);recreateCommandBuffer = true; // 重建Vulkan的CommandBufferreturn sprite;}

每帧绘制时，发现Sprite状态改变则重建Sprite对应的对象信息，如果Sprite隐藏显示或新增删除，则重建CommandBuffer：

void UpdateSprites(){for each (auto sprite in spriteList){if (sprite->shouldUpdateTransform) // 重新将Sprite的MVP矩阵信息拷贝到Vulkan的UniformBuffer中                        UpdateTransform(*sprite);if (sprite->shouldUpdateVertex) // 重新将Sprite的顶点信息（主要是颜色）拷贝到Vulkan的VertexBuffer中UpdateVertex(*sprite);if (sprite->shouldRecreateCommandBuffer){sprite->shouldRecreateCommandBuffer = false;recreateCommandBuffer = true;}}if (recreateCommandBuffer){vkDeviceWaitIdle(device);createCommandBuffer();recreateCommandBuffer = false;}}

图片的移动、旋转、缩放主要由修改UBO来实现：

void UpdateTranform(){ubo.model = glm::translate(glm::mat4(), glm::vec3(position.x / windowSize.x * 2, position.y / windowSize.x * 2, 0));ubo.model = glm::rotate(ubo.model, glm::radians(this->angle), glm::vec3(0, 0, 1.0f));ubo.model = glm::scale(ubo.model, glm::vec3(scale, 1));shouldUpdateTransform = false;}

图片的颜色叠加和镜像翻转主要是修改顶点信息来实现：

void UpdateVertex(){vertices[0].color = color;// 刷新顶点颜色信息vertices[1].color = color;vertices[2].color = color;vertices[3].color = color;if (shouldFlip)// 如果镜像则交换左右两边UV，同时也可以用来做序列帧动画（序列帧在同一张图片里）{glm::vec2 uvTemp;uvTemp = vertices[0].texCoord;vertices[0].texCoord = vertices[1].texCoord;vertices[1].texCoord = uvTemp;uvTemp = vertices[2].texCoord;vertices[2].texCoord = vertices[3].texCoord;vertices[3].texCoord = uvTemp;shouldFlip = false;}shouldUpdateVertex = false;}

在UpdateVertex或者Uniform之后，还需要将数据Copy至Vulkan对应的Buffer中去，在创建Sprite对应的数据时进行了绑定，所以直接用memcpy复制即可。

重建CommandBuffer的核心部分如下，按顺序绘制Active状态的物体：

vkCmdBeginRenderPass(commandBuffers[i], &renderPassBeginInfo, VK_SUBPASS_CONTENTS_INLINE);VkDeviceSize offsets[] = { 0 };for (size_t j = 0; j < spriteList.size(); j++){if (!spriteList[j]->GetActive())// 非Active跳过continue;vkCmdBindVertexBuffers(commandBuffers[i], 0, 1, &spriteList[j]->vertexBuffer, offsets);vkCmdBindIndexBuffer(commandBuffers[i], indexBuffer, 0, VK_INDEX_TYPE_UINT32);vkCmdBindDescriptorSets(commandBuffers[i], VK_PIPELINE_BIND_POINT_GRAPHICS, pipelineLayout, 0, 1, &spriteList[j]->descriptorSet, 0, nullptr);vkCmdDrawIndexed(commandBuffers[i], indices.size(), 1, 0, 0, 0);}vkCmdEndRenderPass(commandBuffers[i]);

渲染效果如下，包含旋转、缩放、平移、镜像和颜色叠加的效果：

剩下还可以扩展的功能非常多，包括Sprite节点树（父子物体关系），基于AABB树的碰撞检测等等。

其余的模块基本输入模块对GLFW封装了一层，音效模块用了FMOD，GUI模块在渲染和输入模块的基础上封装而来，每帧检查鼠标位置，处理GUI控件的状态，触发对应的回调事件即可。