文章目录
- 先叨叨
- 关键代码
- Git信息
- main.cpp
- 运行结果
- 接下来我会做什么
- 重构代码
- 在b站出一套视频
先叨叨
上篇我们让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个方法
- SDL_AppInit: 该方法为程序启动时执行的初始化方法。
- SDL_AppEvent: 该方法为程序接收到外部事件时触发的方法。事件指键盘、鼠标、游戏舵等输入设备触发的事件。
- SDL_AppIterate: 为显示循环，即SDL调用该方法让应用准备下一帧的数据。
- 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 480
using 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个月的时间才能发布。
