前言
前几篇写的滤镜效果比如美颜、大眼、贴纸效果都是在录制视频之前,这个灵魂出窍的效果是在录制视频之后,可以对视频添加效果。
思路
可以观察到灵魂出窍的效果,其实其主图像本没有什么变化,只是新增了一张进行缩放的纹理,跟主图像的alpha进行线性融合的。
怎么去取灵魂呢,灵魂是跟着视频所播放的内容不断更新的,不可能一直只是同一个图像。所以这里的思路是每X帧拷贝一帧作为灵魂,然后将灵魂按比例放大,最后将灵魂与主图像进行混合。
实现
片元着色器
因为视频录制出来的是YUV格式的数据,但是在OpenGL中是需要的RGB颜色,所以需要将YUV格式的数据转化成RGB格式的,这里需要将YUV格式的数据进行分离之后,再转换。转换是有公式的,用公式进行计算就好啦。
uniform sampler2D sampler_y; //yuv
uniform sampler2D sampler_u;
uniform sampler2D sampler_v;
//透明度
uniform float alpha;
void main(){
//4个float数据 y、u、v保存在向量中的第一个
// 0.5是128数据归一后的
float y = texture2D(sampler_y,aCoord).r;
float u = texture2D(sampler_u,aCoord).r - 0.5;
float v = texture2D(sampler_v,aCoord).r - 0.5;
// yuv转rgb的公式
//R = Y + 1.402 (v-128)
//G = Y - 0.34414 (u - 128) - 0.71414 (v-128)
//B = Y + 1.772 (u- 128)
vec3 rgb;
//u - 128
//1、glsl中 不能直接将int与float进行计算
//2、rgba取值都是:0-1 (128是0-255 归一化为0-1 128就是0.5)
rgb.r = y + 1.402 * v;
rgb.g = y - 0.34414 * u - 0.71414* v;
rgb.b