分屏特效中的四屏特效。就是缩放成一半，然后四个位置填充整张纹理。shader如下：
// 仿抖音四屏特效
precision highp float;
uniform sampler2D inputTexture;
varying highp vec2 textureCoordinate;
void main() {
vec2 uv = textureCoordinate;
if (uv.x <= 0.5) {
uv.x = uv.x * 2.0;
} else {
uv.x = (uv.x - 0.5) * 2.0;
}
if (uv.y <= 0.5) {
uv.y = uv.y * 2.0;
} else {
uv.y = (uv.y - 0.5) * 2.0;
}
gl_FragColor = texture2D(inputTexture, fract(uv));
}
效果如下：
四分屏特效.png
分屏特效中的四屏特效。就是缩放成一半，然后四个位置填充整张纹理。shader如下： 效果如下：
分屏特效中的九屏特效。纹理横向和纵向缩成三分之一再填充，不需要做裁剪处理。shader如下： 效果如下：
分屏特效中的三屏特效。就是分成三等份，取中间部分。shader如下： 效果如下：
分屏特效中的六屏特效。六屏特效是横向三等份，纵向缩成一半，然后填充纹理，只有横向三等份部分是裁剪了中间部分，纵向并...
分屏特效中的两屏特效。分成上下两层，uv坐标的y轴在 0.0 ~ 0.5 和 0.5 ~ 1.0 的时候，均填充 ...
分屏特效中的黑白三屏特效，特效是上下两层做了黑白处理和缩放处理。中间保留原始纹理。缩放倍数大于1.0。shader...
抖音的抖动特效的实现原理是，分别对RGB通道进行分离计算不同的大小得到。废话不多数，直接上fragment sha...
分屏特效中的模糊分屏特效，好说的，就是把整张图片的先做模糊处理，然后裁剪保留中间1/3的纹理，上层模糊后的纹理经过...
首先，我们观察抖音的幻觉滤镜，可以看到有两个过程组成。主纹理以及上一帧纹理组成，主纹理经过LUT颜色映射得到。如果...
缩放滤镜实现的过程是根据所缩放值计算出实际的纹理坐标，实现思路——首先将纹理坐标中心点转成(0.0, 0.0)，做...
本文标题：OpenGLES滤镜开发汇总 —— 仿抖音四屏特效
本文链接：https://www.haomeiwen.com/subject/ogljpqtx.html
网友评论