OpenGL ES 3.0 开发（十九）：相机抖音滤镜

已于 2023-08-06 21:37:14 修改
阅读量6.3k 收藏 8
点赞数 3
分类专栏： OpenGL ES 3.0 文章标签： 抖音滤镜 OpenGLES Android NDK
于 2019-12-08 22:05:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kennethdroid/article/details/103449935
版权
本文探讨如何使用 OpenGL ES 3.0 在 Android 平台上实现抖音滤镜，包括分色偏移、灵魂出窍、旋转的圆和画中画效果。通过讲解滤镜原理并提供实现思路，为开发者提供创意实现酷炫视觉效果的灵感。
摘要由CSDN通过智能技术生成

该原创文章首发于微信公众号：字节流动

OpenGLES 相机抖音滤镜

最近几篇文章主要是利用 OpenGL 实现相机预览的一些常见的滤镜，上一篇主要介绍了 LUT 滤镜的原理及简单实现方法，而本文主要介绍抖音短视频 App 里面一些常见滤镜的实现，这里只做抛砖引玉，玩滤镜主要靠想象力去实现一些酷炫的效果。

分色偏移

在这里插入图片描述
分色偏移滤镜原理：基于原纹理坐标进行偏移，分别采样后再按照 RGBA 通道进行合成，组成一个新的颜色。

//分色偏移
#version 100
preci
了解本专栏 订阅专栏 解锁全文 超级会员免费看
字节流动
关注
专栏目录
订阅专栏
OpenGL ES 3.0 开发（一）：绘制一个三角形
字节流动
07-12 7万+
该原创文章首发于微信公众号：字节流动 什么是 OpenGLES OpenGLES 全称 OpenGL for Embedded Systems ，是三维图形应用程序接口 OpenGL 的子集，本质上是一个跨编程语言、跨平台的编程接口规范，主要应用于嵌入式设备，如手机、平板等。由科纳斯（Khronos）组织定义和推广，科纳斯是一个图形软硬件行业协会，该协会主要关注图形和多媒体方面的开放标准。 O...
NDK OpenGL ES 3.0 开发（十七）：相机基础滤镜
字节流动
12-01 8358
该原创文章首发于微信公众号：字节流动 相机基础滤镜 上文中我们通过 ImageReader 获取到 Camera2 预览的 YUV 数据，然后利用 OpenGLES 渲染实现相机预览，这一节将利用 GLSL （OpenGL 着色器语言）基于不同的着色器实现多种基础滤镜。 GLSL 一些使用频率比较高的内建函数 内建函数 函数说明 float distance (genType ...
OpenGLES 色彩增强滤镜解析
weixin_41967328的博客
03-06 462
OpenGLES 色彩增强滤镜解析，亮度、对比度、饱和度
一个简单的OpenGL ES 3.0 示例 （Android NDK jni）
06-29
一个简单的OpenGL ES 3.0 示例 （Android NDK jni）
Android OpenGL ES 3.0 纹理应用
weixin_30410119的博客
11-06 144
本文主要演示OpenGL ES 3.0 纹理演示。接口大部分和2.0没什么区别，脚本稍微有了点变化而已。 扩展GLSurfaceView package com.example.gles300; import android.app.ActivityManager; import android.content.Context; import android.content.pm...
LearnOpenGL - Android OpenGL ES 3.0 多线程同步，fence、glWaitSync 和 glClientWaitSync 的运用
最新发布
记录学习的过程
07-21 1078
本章讨论 OpenGL ES 中多线程技术的运用。首先，说明我们为什么需要这项技术，在 ARM OpenGL ES 教程中提到当我们转向更复杂的图形应用程序时，可能会想要使用多线程（MT）。一个典型的情况是，我们的图形应用程序需要执行大量的数学运算。在这种情况下，可能通过将工作量移至不同于管理图形操作的线程来提高性能。另一个常见的例子是我们想让图形用户界面（GUI）在一个独立的线程中运行。多线程的好处非常重要。MT使得我们的应用程序始终保持响应，并且不只是与应用程序的GUI有关。
LearnOpenGL - Android OpenGL ES 3.0 绘制三角形
记录学习的过程
02-21 1549
经过一段时间 OpenGL 的学习，我们已经掌握了如何使用 glwf 在桌面端绘制简单图形。现在让我们把目光投向移动端，看看如何在 Android 上使用 OpenGL 绘制图形。本文假设你对 Android 基础有所了解，并使用 Kotlin 编写示例 demo，项目的代码你可以在中找到。本文参考了以下资料Android OpenGL开发——图像绘制详解android平台下OpenGL ES 3.0实例详解顶点缓冲区对象(VBO)和顶点数组对象(VAO)
OpenGL ES 3.0
11-21
OpenGL ES 3.0 英文版 第1章——OpenGL ES 3.0简介 　　第1章简单介绍OpenGL ES，概述了OpenGL ES 3.0图形管线，讨论了OpenGL ES 3.0的设计理念和限制，最后介绍了OpenGL ES 3.0中使用的一些约定和类型。 　　第2章——你好，三角形：一个OpenGL ES 3.0示例 　　第2章介绍绘制三角形的一个简单OpenGL ES 3.0示例。我们的目的是说明OpenGL ES 3.0程序的样子，向读者介绍一些API概念，并说明如何构建和运行OpenGL ES 3.0示例程序。 　　第3章——EGL简介 　　第3章介绍EGL——为OpenGL ES 3.0创建表面和渲染上下文的API。我们说明与原生窗口系统通信、选择配置和创建EGL渲染上下文及表面的方法，传授足够多的EGL知识，你可以了解到启动OpenGL ES 3.0进行渲染所需的所有知识。 　　第4章——着色器和程序 　　着色器对象和程序对象是OpenGL ES 3.0中最基本的对象。第4章介绍创建着色器对象、编译着色器和检查编译错误的方法。这一章还说明如何创建程序对象、将着色器对象连接到程序对象以及链接最终程序对象的方法。我们讨论如何查询程序对象的信息以及加载统一变量（uniform）的方法。此外，你将学习有关源着色器和程序二进制代码之间的差别以及它们的使用方法。 　　第5章——OpenGL ES着色语言 　　第5章介绍编写着色器所需的着色语言的基础知识。这些着色语言基础知识包括变量和类型、构造器、结构、数组、统一变量、统一变量块（uniform block）和输入/输出变量。该章还描述着色语言的某些更细微的部分，例如精度限定符和不变性。 　　第6章——顶点属性、顶点数组和缓冲区对象 　　从第6章开始（到第11章为止），我们将详细介绍管线，教授设置和编程图形管线各个部分的方法。这一旅程从介绍几何形状输入图形管线的方法开始，包含了对顶点属性、顶点数组和缓冲区对象的讨论。 　　第7章——图元装配和光栅化 　　在前一章讨论几何形状输入图形管线的方法之后，第7章将讨论几何形状如何装配成图元，介绍OpenGL ES 3.0中所有可用的图元类型，包括点精灵、直线、三角形、三角形条带和三角扇形。此外，我们还说明了在顶点上进行坐标变换的方法，并简单介绍了OpenGL ES 3.0管线的光栅化阶段。 　　第8章——顶点着色器 　　我们所介绍的管线的下一部分是顶点着色器。第8章概述了顶点着色器如何融入管线以及OpenGL ES 着色语言中可用于顶点着色器的特殊变量，介绍了多个顶点着色器的示例，包括逐像素照明和蒙皮（skinning）。我们还给出了用顶点着色器实现OpenGL ES 1.0（和1.1）固定功能管线的示例。 　　第9章——纹理 　　第9章开始介绍片段着色器，描述OpenGL ES 3.0中所有可用的纹理功能。该章提供了创建纹理、加载纹理数据以及纹理渲染的细节，描述了纹理包装模式、纹理过滤、纹理格式、压缩纹理、采样器对象、不可变纹理、像素解包缓冲区对象和Mip贴图。该章介绍了OpenGL ES 3.0支持的所有纹理类型：2D纹理、立方图、2D纹理数组和3D纹理。 　　第10章——片段着色器 　　第9章的重点是如何在片段着色器中使用纹理，第10章介绍编写片段着色器所需知道的其他知识。该章概述了片段着色器和所有可用的特殊内建变量，还演示了用片段着色器实现OpenGL ES 1.1中所有固定功能技术的方法。多重纹理、雾化、Alpha测试和用户裁剪平面的例子都使用片段着色器实现。 　　第11章——片段操作 　　第11章讨论可以适用于整个帧缓冲区或者在OpenGL ES 3.0片段管线中执行片段着色器后适用于单个片段的操作。这些操作包括剪裁测试、模板测试、深度测试、多重采样、混合和抖动。本章介绍OpenGL ES 3.0图形管线的最后阶段。 　　第12章——帧缓冲区对象 　　第12章讨论使用帧缓冲区对象渲染屏幕外表面。帧缓冲区对象有多种用法，最常见的是渲染到一个纹理。本章提供API帧缓冲区对象部分的完整概述。理解帧缓冲区对象对于实现许多高级特效（如反射、阴影贴图和后处理）至关重要。 　　第13章——同步对象和栅栏 　　第13章概述同步对象和栅栏，它们是在OpenGL ES 3.0主机应用和GPU执行中同步的有效图元。我们讨论同步对象和栅栏的使用方法，并以一个示例作为结束。 　　第14章——OpenGL ES 3.0高级编程 　　第14章是核心章节，将本书介绍的许多主题串联在一起。我们已经选择了高级渲染技术的一个样本，并展示了实现这些功能的示例。该章包含使用法线贴图的逐像素照明、环境贴图、粒子系统、图像后处理、程序纹理、阴影贴图、地形渲染
OPENGL ES 3.0编程指南
02-25
在标签中提到的“elasticsearch”、“大数据”和“全文检索”与OpenGL ES 3.0编程没有直接关联，它们属于数据搜索和分析领域。Elasticsearch是一种流行的分布式搜索引擎，用于实时大数据分析和全文检索。它通常与...
OpenGL ES 3.0 开发（十八）：相机 LUT 滤镜
热门推荐
字节流动
12-02 3万+
该原创文章首发于微信公众号：字节流动 OpenGLES 相机 LUT 滤镜 什么是 LUT ？ LUT 是 Look Up Table 的简称，称作颜色查找表，是一种针对色彩空间的管理和转换技术。它可以分为一维 LUT（1D LUT） 和 三维 LUT（3D LUT），其中三维 LUT 比较常用。简单来讲，LUT 就是一个 RGB 组合到另一个 RGB 组合的映射关系表。 LUT(R, G,...
opengl_es 3.0 Demo
07-05
opengl_es 3.0 官方demo！是opengl_es 3.0书籍的demo,欢迎下载学习
OpenGL ES 3.0 Programming Guide(2nd Edition)(中文扫描版，英文文字版)
09-26
中文扫描版+英文文字版 中文扫描版+英文文字版 中文扫描版+英文文字版 中文扫描版+英文文字版 中文扫描版+英文文字版
Android上opengl es3.0实现一个旋转的三角形（Android studio2.1.3）
11-13
在Android用opengl es3.0写的，由于模拟器不支持opengl es3.0 所以调试时用真机
Android用opengl es3.0写的地月星系
11-15
参考opengl es3.0游戏开发一书绘制了地球和月球 使用矩阵移动旋转和纹理等开发环境是Android studio2.1.3
OpenGL ES 3.0 (1)
Yuan
10-02 406
在前面几张中你已经看看到,着色器是OpenGL ES 3.0 API 的一个基础核心概念,每个OpenGL ES 3.0 程序都需要一个顶点着色器和一个片段着色器,以渲染有意义的图片,考虑到着色器是API概念的核心,我们希望确保你在深入了解图形API的更多细节之前,掌握编写着色器的基础知识 本章的目标是确保你理解着色器语言中的如下概念 变量和变量类型 向量和矩阵的构造选择 常量 结构和数组 运算符,控制流和函数 输入/输出变量,统一变量,统一变量块和布局限定符 预处理器和指令 统一变量和插
Android OpenGL ES3.0 （1）
u011334510的博客
12-04 590
\最近研究了一下OpenGL ES3.0，参照了网上很多的示例，在这里总结一部分经验 1）数据 OpenGL ES3.0 中的3D数据模型是由无数个三角形组成的。例如下面这段数据，就是一个绘制立方体的模型。float数组中每个三个元素代表一个顶点（x，y, z），没三个顶点（九个元素）代表一个三角形。opengles 的数据特点是在-1到1的范围表示整个空间。下面的数据就是用来绘制一个长宽高都...
OpenGL ES 3.0 简介
103style
03-31 1525
简介 OpenGL ES (OpenGL for Emberdded Systems)是以 手持 和 嵌入式设备 为目标的高级3D图形应用编程接口（API）。 Android 4.3 + 和 iPhone 5s + 已经支持OpenGL ES 3.0。 OpenGL ES 3.0 向后兼容 OpenGL ES 2.0。 OpenGL ES 3.0 是从 OpenGL 3.3规范 衍...
android平台下OpenGL ES 3.0着色语言基础知识(下)
handy周
11-07 1900
OpenGL ES 3.0学习实践 android平台下OpenGL ES 3.0从零开始 android平台下OpenGL ES 3.0绘制纯色背景 android平台下OpenGL ES 3.0绘制圆点、直线和三角形 android平台下OpenGL ES 3.0绘制彩色三角形 android平台下OpenGL ES 3.0从矩形中看矩阵和坐标系 android平台下OpenGL ES 3....
Adreno OpenGL ES 3.0 介绍（1）
weixin_38498942的博客
03-25 478
Adreno OpenGL ES 3.0 介绍（1）1 OpenGL ES 3.0中的新功能1.1 二维阵列纹理1.2 三维纹理 1 OpenGL ES 3.0中的新功能 OpenGL ES 3.0于2012年8月问世，大大扩展了嵌入式应用程序开发人员可以使用的OpenGL ES功能集。 那时，许多更复杂的功能仅适用于使用OpenGL 3.x的桌面开发人员。 举几个例子： 采样器对象和顶点属性数组除数成为桌面OpenGL 3.3的核心功能 无缝的多维数据集地图过滤和栅同步对象成为桌面OpenGL 3.2的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

字节流动

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

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

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

打赏作者

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

抵扣说明：

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

余额充值