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

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

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

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

抖音传送带特效

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

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

老罗直播团队视频展示

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

抖音“蓝线挑战”特效原理

之前“蓝线挑战”特效有人实现过它的变种，但是看起来搞的有点复杂了，本文的实现思路就非常简单，抖音“蓝线挑战”和“传送带”实现原理基本相同：每次

了解本专栏 订阅专栏 解锁全文 超级会员免费看
OpenGL ES之GLSL实现仿抖音“灰度滤镜”和“颠倒滤镜”效果
╰つ栺尖篴夢ゞ
08-21 568
效果展示
OpenGL ES 3.0 从入门到精通系统性学习教程
热门推荐
字节流动
02-26 3万+
因为在工作中频繁使用 OpenGL ES 做一些特效、滤镜之类的效果，加上平时学到的的知识点也比较细碎，就想着去系统地学习下 OpenGL ES 相关开发知识，并将学习过程记录下来。
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 , 领取视频教程，拉你入相关技术交流群，里面很多牛人帮你解答。
openGL初步实现抖音摄像头绘制
11-07
初步实现抖音后置摄像头的显示，可以运行，使用了android的openGL技术
使用OpenGL挑战抖音蓝线特效
郭霖
07-28 1185
/ 今日科技快讯 /近日，市场监管总局发布行政处罚决定书（国市监处〔2021〕67号），认定腾讯控股有限公司(以下简称腾讯)收购中国音乐集团股权案构成违法实施的经营者集中，责令腾讯...
Android OpenGL ES 学习(十一) –渲染YUV视频以及视频抖音特效
gowcage的博客
11-24 1350
在说 yuv 之前，就不得不说 RGB 图像空间，顾名思义，RGB 是值图像的每一个像素都有 R、G,B 三个值，且三个值一次排列存储；但不一定说一定是按照 R,G,B 顺序排列，也可以是 B,G,R 这样的顺序。其中 R,G,B 的位深为 8 bit。我们常见的图片处理，都是用 R,G,B 的图像格式，比如bitmap，比如图像的存储，基本使用 R,G,B。
使用OpenCV实现抖音“蓝线挑战”特效以及本地测试
weixin_41919571的博客
12-08 1296
效果展示 本项目通过Python-OpenCV实现抖音的“蓝线挑战”功能，即跟随视频中滑动的指示线实现多帧延迟，在视觉上出现上半部分图像停留的效果。 功能复现 采集视频，包括从本地读取视频格式和启动摄像头两种方式； 提取帧，对每一帧单独处理； 根据视频分辨率，绘制区域：上半部分绘制图片，下半部分绘制视频； 根据需求添加辅助； 测试并完成创意视频录制。 获取视频帧 通过OpenCV内建函数cv2.VideoCapture实现视频帧截取。使用命令行参数解析包argparse设置程序的调用指令：无输入时打开摄
Android 实现抖音传送带特效
最新发布
2401_84520093的博客
04-28 361
这是因为通过上面，我们可以知道，该特效是从左半部分的边缘区域开始运送的，那么如果我们从对应坐标取，那么不就得不到左半部分区域的坐标了吗，所有得偏移一个小格子的宽度，从而得到对应的数据 这样，每帧渲染时，都取。通过分析特效图，我们知道，图像右半部分是不断地向右边移动，而左半部分是正常预览的，看起来就好像是从左半部分的边缘处不断移动到右边，那么从这里可以得出一个小结论。在渲染的时候，会有两个纹理，一个是相机的正常预览纹理，另一个是保存的上一帧，此时，我们在着色器里就要进行判断。
OpenCV实现“蓝线挑战“特效
hulinhulin的专栏
09-20 856
使用OpenCV C++ 实现抖音上的特效“蓝线挑战”
OpenGL.Shader：志哥教你写一个滤镜直播客户端：仿3个抖音滤镜效果（4镜像/电击/灵魂出窍）
vx number：zzr_admin，拉入技术交流群。
11-23 1543
基于现有框架，深入浅出的解析抖音滤镜的实现过程。可能效果不如真·抖音，永远在学习的路上。
一看就懂的OpenGL ES教程——仿抖音滤镜的各种奇技淫巧（一）
嘴巴吃糖了
01-06 620
本文详细叙述了几种常见的滤镜效果实现原理，让广大的程序员也有机会体验做一把画家艺术家的快感，当然段位仅仅进行到了黄金级别未免显得太菜鸡了吧，所以下一篇文章才是真正冲击王者宝座的时机。如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。
一看就懂的OpenGL ES教程——仿抖音滤镜的各种奇技淫巧（一）_opengl es添加视频
2401_84183628的博客
04-12 1609
外链图片转存中…(img-D1wQbynk-1712874749701)][外链图片转存中…(img-GGJTwWv2-1712874749702)]
Shader之旅5：类似抖音闪动放大效果
liuyizhou95的博客
03-05 1850
书写本文的初衷是为了自我反省记录。如有表达不当，请批评指正 各种相机上有类似如下效果 公司也要做这样的转场效果，GIF太模糊了，凑合看吧，就是画面放大 原理很简单，就是首先在底部固定一个UV，然后盖上两层UV，让着上层的UV不断放大，然后和底层的UV mix即可。 void mainImage(out vec4 fragcolor,in vec2 fragCoord){ ve...
6.OpenglES——类抖音动态图像效果（闪屏、通道分离等）
liuyizhou95的博客
05-07 1255
参考 文章目录效果图开发分析基本思路代码分析shader代码 书写本文的初衷是为了自我学习 承接上一篇文章 效果图 目前只引入两个效果，后期加入新效果 通道分离 闪屏 开发分析 基本思路 代码与之前一样，只不过是传入time变量，模拟时间，这样根据时间的不同，对图像进行动态的变换。 代码分析 shader代码 如何搭建openGLES的环境，并将图片传入shader不在赘述，可自行下载，这里直...
初步了解OpenGL开启摄像头
缘聚缘随缘
11-07 3024
什么是OpenGL? openGL是一个图形绘制专业编程接口，功能比较强大，可以绘制二维，三维，它与硬件没有关系，也可以在不同的平台上使用， 进行良好的移植，使用较为广泛 分析OpenGL坐标系和android坐标系 openGL的世界左边是从屏幕的中心点是0,0 android 手机中心点是从屏幕左上角开始的如图：   android: android的坐标点要用opengl的...
OpenGL ES之GLSL实现仿抖音“分屏滤镜”效果
╰つ栺尖篴夢ゞ
08-16 3880
效果展示 实现流程
OpenGL ES案例-抖音系滤镜实现
翻肚鱼儿的博客
11-16 707
这篇文章我们继续研究滤镜实现，主要实现的滤镜大家应该在抖音系中有见到过，ok，话不多说，直接开始吧！ 一、缩放滤镜 1、效果： 缩放滤镜.gif 2、着色器代码 这里我们的缩放采用的是在顶点着色器里面实现的，当然也可以在片源着色器中实现，并且我们也推荐在片源着色器中实现，这里我们只是为了展示在顶点着色器中也是可以做到的。 1)顶点着色器 attribute vec4 Position; attribute vec2 TextureCoords; varying vec2 T.
Android 仿抖音之使用OpenGL实现抖音视频录制
YuQing_Cat的博客
11-07 3339
前言 在之前写了仿抖音的第一步，就是使用OpenGL显示摄像头数据，今天这篇就是在之前的基础上来录制视频，并且对之前的代码的结构进行了简单的整理，然后进行了仿抖音的视频录制。 工程结构整理 在仿抖音的第一步中封装了ScreenFilter类来实现渲染屏幕的操作，我们都知道在抖音的视频录制过程中，可以添加很多的效果进行显示，比如说磨皮、美颜、大眼以及滤镜等效果，如果把这些效果都放在ScreenFil...
杭电研究生实验：霍夫变换实现蓝线圆检测技术
2. **霍夫变换实现：** - **直线检测：**使用霍夫变换检测二值图像中的直线，可以设置一个最小投票数阈值来过滤掉不明显的线段。 - **圆形检测：**对图像进行霍夫变换以检测圆形特征。同样地，需要设定最小投票数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

字节流动

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

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

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

打赏作者

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

抵扣说明：

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

余额充值