首页 文章详情

Android 平台 Camera 实时滤镜实现方法探讨 -- 实时美颜滤镜

字节流动 | 344 2022-04-16 13:38 0 0 0
UniSMS (合一短信)

上一章完成了对图片的磨皮处理,经过简单算法流程优化,可以达到很快的速度,但是不能用于实时美颜。

经实验,若采用只处理Y信号的方案,半径极限大约是5-10,超过10则明显感受到卡顿,但对于1920X1080的预览分辨率来说,取10为半径很难得到理想效果。

即使将分辨率降低到1280X720也差强人意。所以很难简单的直接应用在移动端实时处理上。

另一方面,人物的正常肤,色应该是偏红,所以则会导致人物图像的红色通道偏亮,使红色通道保留的细节成分较少,相比之下,绿色通道保留更多细节,所以,一般情况下我们也可以只采用过滤绿色通道来实现实时磨皮。下面对思路简单介绍:

1.取出绿色通道,对绿色通道进行模糊处理,例如高斯模糊,得到模糊后的值sampleColor:

在顶点着色器中创建长度为20~25的数组,作为片段着色器需要取数据的点

        varying vec2 blurCoordinates[20];
    blurCoordinates[0] = inputTextureCoordinate.xy + singleStepOffset * vec2(0.0-10.0);
        ....
    blurCoordinates[19] = inputTextureCoordinate.xy + singleStepOffset * vec2(4.0-4.0);</span>

在片段着色器依次取出这些点的绿色通道值,乘以权重,最后除以总权重,得到模糊后的绿色通道值

2.用原图绿色通道值减去sampleColor,加上0.5(即128),1+2两个步骤即PS中的高反差保留:

    vec3 centralColor = texture2D(inputImageTexture, textureCoordinate).rgb;    
    float highpass = centralColor.g - sampleColor + 0.5;

3.对上述结果值进行3-5次强光处理(见第七章的“叠加”混合模式),此步骤可以使得噪声更加突出:

        if(color <= 0.5){
        color = color * color * 2.0;
    }else{
        color = 1.0 - ((1.0 - color)*(1.0 - color) * 2.0);
    }

经过1-3之后的图:

4.计算原图的灰度值,公式为0.299*R + 0.587*G + 0.114*B:

       const highp vec3 W = vec3(0.299,0.587,0.114);
       float lumance = dot(centralColor, W);

得到灰度图像:

5.将灰度值作为阈值,用来排除非皮肤部分,根据灰度值计算,将原图与1-3后的结果图合成:

    float alpha = pow(lumance, 0.333333);
    vec3 smoothColor = centralColor + (centralColor-vec3(highpass))*alpha*0.1;</span>

原图rgb值与高反差后的结果相比,噪声越大,两者相减后的结果越大,在原结果基础上加上一定值,来提高亮度,消除噪声。  

pow函数中第二个参数可调(1/3~1),值越小,alpha越大,磨皮效果越明显,修改该值可作为美颜程度

6.对混合后结果增加亮度:

7.以灰度值作为透明度将原图与混合后结果进行滤色、柔光等混合,并调节饱和度:

原图与结果图:

上面用图片来举例子,剩下的就是打开摄像头切换到前置自己看效果了~

代码地址:https://github.com/wuhaoyu1990/MagicCamera

MagicCamera/MagicFilter/res/raw/目录

beautify_fragment.glsl 与 beautify_vertex.glsl————————————————

版权声明:本文为CSDN博主「程序员扛把子」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/oShunz/article/details/50536031


-- END --


进技术交流群,扫码添加我的微信:Byte-Flow



获取视频教程和源码



推荐:

Android FFmpeg 实现带滤镜的微信小视频录制功能

全网最全的 Android 音视频和 OpenGL ES 干货,都在这了

一文掌握 YUV 图像的基本处理

抖音传送带特效是怎么实现的?

所有你想要的图片转场效果,都在这了

面试官:如何利用 Shader 实现 RGBA 到 NV21 图像格式转换?

我用 OpenGL ES 给小姐姐做了几个抖音滤镜

good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter