美文网首页
OpenGLES滤镜开发汇总 —— 上下分镜以及左右分镜

OpenGLES滤镜开发汇总 —— 上下分镜以及左右分镜

作者: cain_huang | 来源:发表于2018-09-09 13:24 被阅读251次

上下分镜的fragment shader 如下:

varying highp vec2 textureCoordinate;

uniform sampler2D inputImageTexture;

void main() {
    vec2 uv = textureCoordinate;
    if (uv.y < 0.5) {
        uv.y = 1.0 - uv.y;
    }
    gl_FragColor = texture2D(inputImageTexture, fract(uv));
}

实现效果如下:


上下分镜

同样地,我们可以通过改变UV坐标的x轴来得到左右分镜:

varying highp vec2 textureCoordinate;

uniform sampler2D inputImageTexture;

void main() {
    vec2 uv = textureCoordinate;
    if (uv.x > 0.5) {
        uv.x = 1.0 - uv.x;
    }
    gl_FragColor = texture2D(inputImageTexture, fract(uv));
}

相关文章

  • OpenGLES滤镜开发汇总 —— 上下分镜以及左右分镜

    上下分镜的fragment shader 如下: 实现效果如下: 同样地,我们可以通过改变UV坐标的x轴来得到左右分镜:

  • OpenGLES滤镜开发汇总 —— 四分镜

    四分镜无法就是把整张图片缩成四份,然后分别放在左上角、右上角、左下角、右下角等地方。我们可以通过改变UV坐标得到。...

  • 分镜

    傍晚的时候 我怀抱一堆晾晒过的衣物 它们满是阳光的味道 像极了熟睡的婴儿 你的大腿好像银白的月光 每想你一次 星子...

  • 分镜

    分镜 从视觉角度来讲,人眼得到的是一个二维的平面,因此有分镜说。 1.将发生事件的整个地区设为一个对象,镜头可以出...

  • Metal每日分享,分镜滤镜效果

    本案例的目的是理解如何用Metal实现行列分屏滤镜,将图片内容画布切分成行列图; 效果图: 实操代码: 实现原理:...

  • 什么是分镜?用Unistory管理分镜

    分镜是什么 一部成功的电影、电视剧、广告、Vlog等视觉体验,都离不开分镜创作 分镜示例 分镜又叫做故事版,用于早...

  • OpenGLES滤镜开发汇总 —— 景深特效

    什么是景深 景深的原理 景深的实现 完整的glsl代码实现如下: 景深的效果如下: 详细实现过程,可以参考本人的开...

  • OpenGLES滤镜开发汇总 —— 色彩转换

    RGB转成HSL HSL色彩模式 HSL色彩模式的定义,可以参考百度百科:https://baike.baidu....

  • 分镜术语

    分镜 动画制作的基础设计图,日文的分镜一词来自英语的Continuity(连续性)。分镜中要制定镜头位置、画面构成...

  • 分镜(1)

    “小心!” 他听到声音堪堪回头,瞳孔却只能定格同伴胸腹上绽放的血花。一把利刃破风而出,穿透了少女纤细的身躯,一片血...

网友评论

      本文标题:OpenGLES滤镜开发汇总 —— 上下分镜以及左右分镜

      本文链接:https://www.haomeiwen.com/subject/fqfywftx.html