用 Vulkan 渲染写一个 Android GPUImage


说的 GPUImage 相信大家都不陌生,GPUImage 是做滤镜、渲染、特效最主流的框架之一,被广泛应用在短视频应用中。
GPUImage 目前还是采用 OpenGL 进行渲染的,可随着技术的发展进步,iOS 系统都开始抛弃 OpenGL 拥抱 Metal 了,Android 也推出了 Vulkan 渲染机制。
关于 Vulkan ,大家可能会有点陌生,它和 OpenGL 一样也是跨平台的渲染接口,就是学习成本高了一点,调用流程麻烦了一点,但还是可以掌握的~~~
而且一旦掌握了 Vulkan, 再去看 Metal ,或者 Windows 平台下的 Direct3D,就会发现它们有很多共通之处的,很多概念都是可以互相借鉴的,就好比编程语言一样,掌握了 Kotlin 再去看 Swift 感觉就傻傻分不清楚了。
这次要介绍的就是用 Vulkan 实现一个 Android GPUImage 了。
我已经实现了大部分的代码,组建了基本的渲染链机制,复刻了一些特效,具体可以看代码详情:
代码地址如下,欢迎 Star !!!
https://github.com/glumes/Vulkan-GPUImage
想要后续添加特效也是非常方便的,以曝光特效为例:
static const char *shader =        "#version 400"        "#extension GL_ARB_separate_shader_objects : enable"        "#extension GL_ARB_shading_language_420pack : enable"        "layout (binding = 0) uniform sampler2D tex;"        "layout (location = 0) in vec2 texcoord;"        "layout (location = 0) out vec4 uFragColor;"        "layout (push_constant) uniform exposure {"        " float exposure;"        "} pushVals;"        "void main() {"        "    vec4 textureColor = texture(tex,  texcoord); "        "   uFragColor = vec4(textureColor.rgb * pow(2.0,pushVals.exposure),textureColor.w);"        "}";class ExposureFilter : public VulkanFilter {public:    ExposureFilter() : VulkanFilter() {        pFragShader = shader;        pushConstant.resize(1);        pushConstant[0] = exposure;    }    virtual void setProcess(uint32_t process);protected:private:    float exposure = 1.0f;};
首先实现对应的 Shader ,然后对应特效类继承自 VulkanFilter,如果特效没有需要更新的参数,可以不用 pushConstant 。
如果有的话把 pushConstant 的长度修改为参数的个数,每个参数对应 shader 中推送常数的值即可。
然后在 setProcess 里面修改对应的 pushConstant 值:
void ExposureFilter::setProcess(uint32_t process) {    pushConstant[0] = FilterUtil::getProcess(process,-10.0f,10.0f);}
在应用中拖动 SeekBar ,就可以更改对应的常量值了,从而修改 Shader 效果,对于简单的特效,基本上不用五分钟就可以添加一个新的效果了,很多封装工作都放在 VulkanFilter 里面了。
在实现上采用的是多 RenderPass 的方式,其实也可以用多 Subpass 的方式,但是不好做效果切换,干脆就多 RenderPass 了,其实也可以两者混合。
代码写的不是特别优雅,后面持续优化了,各位走过路过不要错过,目前全网还搜不到 Vulkan 做 GPUImage 相关的实现呢,算是开张了,觉得有帮助就点个 Star 呀~~~
学习 Vulkan 欢迎购买此书,立马上手学习~~~

技术交流,欢迎加我微信:ezglumes ,拉你入技术交流群。

推荐阅读:
音视频面试基础题
OpenGL ES 学习资源分享
开通专辑 | 细数那些年写过的技术文章专辑
NDK 学习进阶免费视频来了
推荐几个堪称教科书级别的 Android 音视频入门项目
觉得不错,点个在看呗~
到顶部