OpenGL ES 实现抖音“蓝线挑战”特效

最新推荐文章于 2024-02-26 10:41:25 发布
最新推荐文章于 2024-02-26 10:41:25 发布
阅读量2w 收藏
点赞数
分类专栏： OpenGL ES 3.0 文章标签： OpenGLES 着色器 图形渲染
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kennethdroid/article/details/132657029
版权
本文详细介绍了如何使用OpenGL ES实现抖音上的经典特效——“蓝线挑战”。通过简单易懂的原理分析和代码修改，揭示了特效背后的图像处理技术。借助Android相机的特性，减少了拷贝操作，提高了性能。源代码已开源，供读者参考学习。
摘要由CSDN通过智能技术生成

该原创文章首发于微信公众号：字节流动
未经作者（微信ID：Byte-Flow）允许，禁止转载

前面文章中我们实现了抖音传送带特效，发现大家普遍对抖音视频特效感兴趣，那么本文将继续这个抖音特效实现系列，后面也将带来更多的关于抖音视频特效分析和实现的文章。

抖音传送带特效

本文带给大家的是抖音的经典视频特效“蓝线挑战”实现，为啥选择“蓝线挑战”？

之前这个特效没太在意，知道看到老罗直播团队用这个特效拍了一个短视频，发现挺有意思的。

老罗直播团队视频展示

本文“蓝线挑战”特效实现

抖

了解本专栏 订阅专栏 解锁全文 超级会员免费看
字节流动
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
OpenGL ES之GLSL实现仿抖音“灰度滤镜”和“颠倒滤镜”效果
╰つ栺尖篴夢ゞ
08-21 461
效果展示
openGL初步实现抖音摄像头绘制
11-07
初步实现抖音后置摄像头的显示，可以运行，使用了android的openGL技术
使用OpenGL挑战抖音蓝线特效
郭霖
07-28 914
/ 今日科技快讯 /近日，市场监管总局发布行政处罚决定书（国市监处〔2021〕67号），认定腾讯控股有限公司(以下简称腾讯)收购中国音乐集团股权案构成违法实施的经营者集中，责令腾讯...
OpenGLCamera2:Android OpenGL Camera 2.0 实现 30 种滤镜和抖音特效
05-02
OpenGLCamera2 Android OpenGL Camera 2.0 项目使用 OpenGL ES 3.0 实现 30 种相机滤镜和特效，支持相机预览和拍照，左右滑动切换滤镜。 对 OpenGL ES 3.0 不熟悉的同学可以移步 音视频录制可以参考项目，该项目基于 FFmpeg 和 Android Camera2.0 实现带滤镜的视频录制。 项目编译环境: Android Studio 4.1+ , NDK r21 滤镜展示 相关推荐 Android FFmpeg 音视频开发教程 联系交流 有疑问或技术交流可以添加我的微信：Byte-Flow , 领取视频教程，拉你入相关技术交流群，里面很多牛人帮你解答。
Android OpenGL ES 学习(十一) –渲染YUV视频以及视频抖音特效
gowcage的博客
11-24 810
在说 yuv 之前，就不得不说 RGB 图像空间，顾名思义，RGB 是值图像的每一个像素都有 R、G,B 三个值，且三个值一次排列存储；但不一定说一定是按照 R,G,B 顺序排列，也可以是 B,G,R 这样的顺序。其中 R,G,B 的位深为 8 bit。我们常见的图片处理，都是用 R,G,B 的图像格式，比如bitmap，比如图像的存储，基本使用 R,G,B。
OpenGL.Shader：志哥教你写一个滤镜直播客户端：仿3个抖音滤镜效果（4镜像/电击/灵魂出窍）
vx number：zzr_admin，拉入技术交流群。
11-23 1326
基于现有框架，深入浅出的解析抖音滤镜的实现过程。可能效果不如真·抖音，永远在学习的路上。
OpenCV实现“蓝线挑战“特效
hulinhulin的专栏
09-20 751
使用OpenCV C++ 实现抖音上的特效“蓝线挑战”
蓝线挑战，但是Python实现
TianBian_CSDN的博客
10-08 838
通过python实现蓝线挑战的处理效果~
1_蓝线挑战.py
11-13
1_蓝线挑战.py
OpenGL ES 3.0 从入门到精通系统性学习教程
最新发布
字节流动
02-26 1万+
因为在工作中频繁使用 OpenGL ES 做一些特效、滤镜之类的效果，加上平时学到的的知识点也比较细碎，就想着去系统地学习下 OpenGL ES 相关开发知识，并将学习过程记录下来。
一看就懂的OpenGL ES教程——仿抖音滤镜的各种奇技淫巧（一）
嘴巴吃糖了
01-06 404
本文详细叙述了几种常见的滤镜效果实现原理，让广大的程序员也有机会体验做一把画家艺术家的快感，当然段位仅仅进行到了黄金级别未免显得太菜鸡了吧，所以下一篇文章才是真正冲击王者宝座的时机。如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。
OpenGL ES案例-抖音系滤镜实现
翻肚鱼儿的博客
11-30 569
一、缩放滤镜 1、效果： 缩放滤镜.gif 2、着色器代码 这里我们的缩放采用的是在顶点着色器里面实现的，当然也可以在片源着色器中实现，并且我们也推荐在片源着色器中实现，这里我们只是为了展示在顶点着色器中也是可以做到的。 1)顶点着色器 attribute vec4 Position; attribute vec2 TextureCoords; varying vec2 TextureCoordsVarying; //时间戳（随着定时器的方法调用及时更新）:从0开始一直递增 unifo
ShaderJoy —— 仿抖音 “天使光芒” 特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
08-20 2116
动态效果图 gif 动图，质量有损失 静态效果图 其他效果： 发光的谷歌小恐龙 发光的桥本 发光的桥本 代码和详细注释 #iChannel0 "file://../../images/AEES.jpg" float decay = 0.92; float density = 1.0; float weight = 0.58767; int nsamples = 50; float beta = 0.4; vec4 rays(vec2 texCoor...
初步了解OpenGL开启摄像头
缘聚缘随缘
11-07 1987
什么是OpenGL? openGL是一个图形绘制专业编程接口，功能比较强大，可以绘制二维，三维，它与硬件没有关系，也可以在不同的平台上使用， 进行良好的移植，使用较为广泛 分析OpenGL坐标系和android坐标系 openGL的世界左边是从屏幕的中心点是0,0 android 手机中心点是从屏幕左上角开始的如图：   android: android的坐标点要用opengl的...
Shader之旅5：类似抖音闪动放大效果
liuyizhou95的博客
03-05 1744
书写本文的初衷是为了自我反省记录。如有表达不当，请批评指正 各种相机上有类似如下效果 公司也要做这样的转场效果，GIF太模糊了，凑合看吧，就是画面放大 原理很简单，就是首先在底部固定一个UV，然后盖上两层UV，让着上层的UV不断放大，然后和底层的UV mix即可。 void mainImage(out vec4 fragcolor,in vec2 fragCoord){ ve...
OpenGL ES之GLSL实现仿抖音“分屏滤镜”效果
╰つ栺尖篴夢ゞ
08-16 3760
效果展示 实现流程
Android 仿抖音之使用OpenGL实现抖音视频录制
YuQing_Cat的博客
11-07 3066
前言 在之前写了仿抖音的第一步，就是使用OpenGL显示摄像头数据，今天这篇就是在之前的基础上来录制视频，并且对之前的代码的结构进行了简单的整理，然后进行了仿抖音的视频录制。 工程结构整理 在仿抖音的第一步中封装了ScreenFilter类来实现渲染屏幕的操作，我们都知道在抖音的视频录制过程中，可以添加很多的效果进行显示，比如说磨皮、美颜、大眼以及滤镜等效果，如果把这些效果都放在ScreenFil...
modelsim红线蓝线
10-27
在Modelsim仿真过程中，红线和蓝线通常表示了一些错误或者警告信息。红线通常表示信号处于不定态（XXX），这可能是由于信号没有被初始化或者存在其他问题导致的。蓝线通常表示信号处于高阻态（Hiz），这可能是由于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

字节流动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值