先叨叨

上篇我们让Vulkan渲染了一个三角形，但还没有把它显示出来。本篇介绍一下，如何使用SDL将这个图形显示出来。
原理其实很简单，就是将渲染的内存当作图片显示，因此直接上代码。

关于如何安装SDL的教程一搜一大把，这里就不介绍了。

关键代码

Git信息

• repository: https://gitee.com/J8_series/easy-car-ui
• tag: 14-Mailstone-ShowedByySDL
• url: https://gitee.com/J8_series/easy-car-ui/tree/14-Mailstone-ShowedByySDL

main.cpp

删除原先的main函数，改用SDL的框架。SDL的框架需要我们自己实现4个方法

1. SDL_AppInit: 该方法为程序启动时执行的初始化方法。
2. SDL_AppEvent: 该方法为程序接收到外部事件时触发的方法。事件指键盘、鼠标、游戏舵等输入设备触发的事件。
3. SDL_AppIterate: 为显示循环，即SDL调用该方法让应用准备下一帧的数据。
4. SDL_AppQuit: 为应用退出时执行的方法。

基于以上信息，我们会在SDL_AppInit中初始化Vulkan、然后在SDL_AppIterate调用RenderOneFrame方法。将获取的图像设置给SDL的Texture进行显示。

#include <iostream>#define SDL_MAIN_USE_CALLBACKS 1
#include <SDL3/SDL.h>
#include <SDL3/SDL_main.h>
#include <SDL3/SDL_surface.h>#include "RenderEngine/VulkanEnv.h"static SDL_Window *window = NULL;
static SDL_Renderer *renderer = NULL;
static SDL_Texture *texture = NULL;
static int texture_width = 0;
static int texture_height = 0;#define WINDOW_WIDTH 640
#define WINDOW_HEIGHT 480using namespace namespace_easy_car_ui;VulkanEnv* vulkanEnv {nullptr};/* This function runs once at startup. */
SDL_AppResult SDL_AppInit(void **appstate, int argc, char *argv[])
{SDL_SetAppMetadata("Easy_Car_UI", "1.0", "com.eniac.easy_car_ui");if (!SDL_Init(SDL_INIT_VIDEO)){SDL_Log("Couldn't initialize SDL: %s", SDL_GetError());return SDL_APP_FAILURE;}if (!SDL_CreateWindowAndRenderer("examples/renderer/textures", WINDOW_WIDTH, WINDOW_HEIGHT, SDL_WINDOW_VULKAN, &window, &renderer)){SDL_Log("Couldn't create window/renderer: %s", SDL_GetError());return SDL_APP_FAILURE;}texture = SDL_CreateTexture(renderer, SDL_PIXELFORMAT_RGBA32, SDL_TEXTUREACCESS_STATIC, WINDOW_WIDTH, WINDOW_HEIGHT);if (nullptr == texture){SDL_Log("Couldn't create texture: %s", SDL_GetError());return SDL_APP_FAILURE;}vulkanEnv = new VulkanEnv();vulkanEnv->Initalize(true, WINDOW_WIDTH, WINDOW_HEIGHT);vulkanEnv->PrintPhysicalDevices();vulkanEnv->PrintSelectedPhysicalDevice();return SDL_APP_CONTINUE;  /* carry on with the program! */
}/* This function runs when a new event (mouse input, keypresses, etc) occurs. */
SDL_AppResult SDL_AppEvent(void *appstate, SDL_Event *event)
{if (event->type == SDL_EVENT_QUIT) {return SDL_APP_SUCCESS;  /* end the program, reporting success to the OS. */}return SDL_APP_CONTINUE;  /* carry on with the program! */
}/* This function runs once per frame, and is the heart of the program. */
SDL_AppResult SDL_AppIterate(void *appstate)
{using namespace namespace_easy_car_ui;const Uint64 now = SDL_GetTicks();SDL_SetRenderDrawColor(renderer, 0, 0, 0, SDL_ALPHA_OPAQUE);  /* black, full alpha */SDL_RenderClear(renderer);  /* start with a blank canvas. */uint32_t pixels[WINDOW_WIDTH * WINDOW_HEIGHT] {0};vulkanEnv->RenderOneFrame(pixels);if (!SDL_UpdateTexture(texture, nullptr, pixels, WINDOW_WIDTH*4)){SDL_Log("Couldn't update texture: %s", SDL_GetError());return SDL_APP_FAILURE;}if (!SDL_RenderTexture(renderer, texture, nullptr, nullptr)){SDL_Log("Couldn't render texture: %s", SDL_GetError());return SDL_APP_FAILURE;}if (!SDL_RenderPresent(renderer)){SDL_Log("Couldn't render present: %s", SDL_GetError());return SDL_APP_FAILURE;} /* put it all on the screen! */return SDL_APP_CONTINUE;  /* carry on with the program! */
}/* This function runs once at shutdown. */
void SDL_AppQuit(void *appstate, SDL_AppResult result)
{delete vulkanEnv;vulkanEnv = nullptr;SDL_DestroyTexture(texture);/* SDL will clean up the window/renderer for us. */
}

运行结果

至此已经成功地用Vulkan渲染出了三角性。

接下来我会做什么

重构代码

我学习Vulkan的目的是想作一个车辆HMI仪表渲染的框架，经过之前的学习我对Vulkan有了一些新的认识。因此我会设计一个渲染框架，将代码重构一下，以适应渲染HMI仪表的需求。

在b站出一套视频

我也知道有些同学不喜欢看文字，因此我会在B站出一套视频课程，重复介绍这套入门教程。主要是我也想赚点钱买个带光追的电脑（3050显卡就行，二手价钱在3000左右），因此我会将视频设置为付费。目前想定的价格是10元到30元之间。如果大家需要也请大家捧场。视频我会先全部录制完再发布，因此大概需要2到3个月的时间才能发布。