Android OpenGLES2.0开发(九):图片滤镜

“当你改变想法的时候,记得也要改变你的世界。”——诺曼·文森特·皮尔

  • Android OpenGLES开发:EGL环境搭建
  • Android OpenGLES2.0开发(一):艰难的开始
  • Android OpenGLES2.0开发(二):环境搭建
  • Android OpenGLES2.0开发(三):绘制一个三角形
  • Android OpenGLES2.0开发(四):矩阵变换和相机投影
  • Android OpenGLES2.0开发(五):绘制正方形和圆形
  • Android OpenGLES2.0开发(六):着色器语言GLSL
  • Android OpenGLES2.0开发(七):纹理贴图之显示图片
  • Android OpenGLES2.0开发(八):Camera预览
  • Android OpenGLES2.0开发(九):图片滤镜

前言

还记得我们在Android OpenGLES2.0开发(一):艰难的开始这一篇中说到,OpenGL ES能做什么吗?其中一项就是对图片做处理,色调转换美颜等。专业的说法叫做滤镜,主要是用来实现图像的各种特殊效果。

学了这么久的OpenGL ES不知道大家有没有疑问?发现OpenGL ES没有必须要用它的场景,画三角形、正方形、圆形完全可以用Android自定义视图实现,Camera预览使用OpenGL ES绕了一大圈还是显示摄像头数据。之前学习的场景似乎使用普通模式都能够又快又好的实现,OpenGL ES貌似不是必需品。

如果你有这些疑问,那么你确实在思考了。其实开发就是这样,一个问题可以有多种方案实现,无非就是不同方案的优劣罢了。

灰度图的思考

我们知道图像都是由一个一个像素组成的,而每一个像素的颜色都由一个RBG值确定,由此组成了一副美丽的图像。

如果我们现在要将一副彩色的图像灰度化,就要对每一个像素点做处理。一般的处理方法是将图片颜色值的RGB三个通道值设为一样,这样原本的256*256*256种颜色就只有256种了,256种颜色值就丢失了图片的彩色信息,留下的只有亮度值,视觉上看上去就是灰色的图片。

灰度处理一般有三种算法:

  1. 最大值法:即新的颜色值R=G=B=Max(R,G,B),这种方法处理后的图片看起来亮度值偏高。
  2. 平均值法:即新的颜色值R=G=B=(R+G+B)/3,这样处理的图片十分柔和
  3. 加权平均值法:即新的颜色值R=G=B=(R * Wr+G*Wg+B*Wb),一般由于人眼对不同颜色的敏感度不一样,所以三种颜色值的权重不一样,一般来说绿色最高,红色其次,蓝色最低,最合理的取值分别为Wr = 30%,Wg = 59%,Wb = 11%

其实知道了上面的算法,图像灰度处理就变得简单了,无非就是循环遍历图像像素,一个一个修改就好了。一张1920*1080的图片,有2073600像素点,如果使用CPU进行遍历无异于大炮打苍蝇出力不讨好。这个时候GPU的并行处理能力就派上用场了,而OpenGL ES又是GPU的驱动,所以OpenGL ES什么时候用我想大家也就明白了。

加权平均值法

我们使用加权平均值法对图片进行灰度化处理,我们拷贝Image类修改为GrayFilter,修改片段着色器代码如下

// 灰度片段着色器代码
private final String grayFragmentShaderCode ="precision mediump float;\n" +"uniform sampler2D vTexture;\n" +"varying vec2 aTexCoordinate;\n" +"void main() {\n" +"  vec4 rgba = texture2D(vTexture, aTexCoordinate);\n" +"  float color = rgba.r * 0.3 + rgba.g * 0.59 + rgba.b * 0.11;\n" +"  gl_FragColor = vec4(color, color, color, 1.0);\n" +"}\n";

为了使GrayFilter更加通用我们不再内部传入Bitmap生成纹理,而是外部传入纹理进行渲染,修改onDraw方法如下:

public void onDraw(int textureId, float[] matrix)

我们使用这个灰度滤镜渲染一张1080*2041大图看下,哇哦看着效果确实不错。本人使用测试手机是2018年发布的一加6T,渲染时间不到1ms,可见OpenGL ES对图像强大的处理能力。

几种常用滤镜实现

1. 反相

反相是一种特殊的图像处理方式,其作用是将原图中的明暗颜色值反转,即明的地方变暗,暗的地方变亮。具体操作就是用255分别减去RGB三个值作为新的RGB颜色。直接上片段着色器代码:

private String fragmentShaderCode ="precision mediump float;\n" +"uniform sampler2D vTexture;\n" +"varying vec2 aTexCoordinate;\n" +"void main() {\n" +"  vec4 rgba = texture2D(vTexture, aTexCoordinate);\n" +"  gl_FragColor = vec4((1.0 - rgba.rgb), 1.0);\n" +"}\n";

应为GL中对色值进行的归一化为 [0-1.0] 所以代码中使用1.0减去对应的色值

2. 亮度

亮度是人对光的强度的主观感受,通常用堪德拉每平米(cd/m²)或尼特来表示。在PS中,亮度调整是通过改变图像中像素的光亮度来实现的,从而影响图像的明暗程度。提高亮度可以使图像变得更加明亮,减少阴影区域,增强图像的通透性;反之,降低亮度则会使图像变暗,增加画面的沉稳感或神秘氛围‌。

调整亮度只需要RGB色彩空间里面同时加上一个程度值。

private String fragmentShaderCode ="precision mediump float;\n" +"uniform sampler2D vTexture;\n" +"uniform lowp float brightness;\n" +"varying vec2 aTexCoordinate;\n" +"void main() {\n" +"  vec4 rgba = texture2D(vTexture, aTexCoordinate);\n" +"  gl_FragColor = vec4((rgba.rgb + brightness), 1.0);\n" +"}\n";

brightness为正表示提亮,为负表示变暗

3. 冷暖色调

暖色系调整,是加强R/G来完成

float[] changeColor = {0.1f, 0.1f, 0.0f};

冷色系调整,是增加B的分量

float[] changeColor = {0.0f, 0.0f, 0.1f};

着色器代码如下,我们通过外部传入色值来改变原图色调,并且最后限制色值范围为**[0-1]**

private String fragmentShaderCode ="precision mediump float;\n" +"uniform sampler2D vTexture;\n" +"uniform vec3 vChangeColor;\n" +"varying vec2 aTexCoordinate;\n" +// 控制颜色在[0-1]范围"vec4 clampColor(vec4 color) {\n" +"    return vec4(clamp(color.r, 0.0, 1.0), clamp(color.g, 0.0, 1.0), clamp(color.b, 0.0, 1.0), 1.0);\n" +"}\n" +"void main() {\n" +"  vec4 srcColor = texture2D(vTexture, aTexCoordinate);\n" +"  vec4 dstColor = srcColor + vec4(vChangeColor, 0.0);\n" +"  gl_FragColor = clampColor(dstColor);\n" +"}\n";

其实这套代码也适用于亮度变化,changeColor传入相同的值就是亮度变化了。

看下各种滤镜的效果:

最后

本章节我们学习了如何使用OpenGL ES对图片做各种滤镜效果,我们发现通过修改GLSL就能实现很多种效果,并且非常高效,我们找到了OpenGL ES的用武之地。

其实对图片的滤镜效果有几十种上百种,我们看下市面上的各种P图软件,如:醒图、美图秀秀等,他们提供了丰富的滤镜效果。但再多的滤镜也是使用OpenGL ES框架,编写GLSL来完成。而实现众多的滤镜效果,已经和OpenGL ES没什么关系了,而更多的是要熟悉图像处理的算法,只要有算法就能通过GLSL实现。

OpenGL ES系列:https://github.com/xiaozhi003/AndroidOpenGLDemo.git,如果对你有帮助可以star下,万分感谢^_^

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/64512.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

易语言OCR证件照文字识别

一.引言 文字识别,也称为光学字符识别(Optical Character Recognition, OCR),是一种将不同形式的文档(如扫描的纸质文档、PDF文件或数字相机拍摄的图片)中的文字转换成可编辑和可搜索的数据的技术。随着技…

指针练习题15道【C语言】

1.利用指针变量将一个数组中的数据反向输出。 声明: void work1(int *, int); // 声明反向遍历 void work1_1(int *, int); // 声明正向遍历实现: // 利用指针变量将一个数组中的数据反向输出,反向遍历 void work1( int *p,int len) {p (…

单节点calico性能优化

在单节点上部署calicov3273后,发现资源占用 修改calico以下配置是资源消耗降低 1、因为是单节点,没有跨节点pod网段组网需要,禁用overlay方式网络(ipip,vxlan),使用route方式网络 配置calico-node的环境变量 CALICO_IPV4POOL_I…

在 Spring Boot 3 中实现基于角色的访问控制

基于角色的访问控制 (RBAC) 是一种有价值的访问控制模型,可增强安全性、简化访问管理并提高效率。它在管理资源访问对安全和运营至关重要的复杂环境中尤其有益。 我们将做什么 我们有一个包含公共路由和受限路由的 Web API。受限路由需要数据库中用户的有效 JWT。 现在用户…

电子系统中用于降噪的接地

当接地系统中存在EMI、RFI 或由焊机、变速驱动器、电器等引起的电脉冲等干扰时,它们会在中性线和接地之间产生共模噪声,可能会影响电子设备。 国家电气规范 (NEC) 允许安装隔离接地插座 (IG),即磁轭和接地端子之间没有连接。轭是插座后面的金…

SmartX分享:SMTX ZBS 中 RDMA 技术简介

目录 背景如何实现存储网络是什么TCP/IPRDMARDMA 工作原理RDMA 的实现方案 ZBS 支持 RDMA 的要求 参考 背景 我们清楚,分布式存储将利用网络作不同设备的互联。最基础的如TCP/IP的IP SAN,进阶的有FC SAN、IB等等。 SmartX 支持 10G以上的TCP/IP网络作为…

《Vue3实战教程》5:响应式基础

如果您有疑问,请观看视频教程《Vue3实战教程》 响应式基础​ API 参考 本页和后面很多页面中都分别包含了选项式 API 和组合式 API 的示例代码。现在你选择的是 组合式 API。你可以使用左侧侧边栏顶部的“API 风格偏好”开关在 API 风格之间切换。 声明响应式状态…

QT网络(二):TCP通信

传输层概念 传输控制协议(transmission control protocol,TCP)是一种被大多数 Internet 网络协议用于数据传输的底层网络协议,它是可靠的、面向流和连接的传输协议,特别适合用于连续数据传输。 应用层在网络模型中的…

【记录50】uniapp安装uview插件,样式引入失败分析及解决

SassError: Undefined variable: "$u-border-color". 表示样式变量$u-border-color没定义&#xff0c;实际是定义的 首先确保安装了scss/sass 其次&#xff0c;根目录下 app.vue中是否全局引入 <style lang"scss">import /uni_modules/uview-ui/in…

TypeScript 与 JavaScript

文章目录 一、为 JavaScript 库添加类型定义(一)什么是类型定义文件(.d.ts 文件)(二)手动编写类型定义和使用现有类型定义(如 DefinitelyTyped)手动编写类型定义使用现有类型定义(如 DefinitelyTyped)二、在 TypeScript 项目中使用流行的 JavaScript 库(如 jQuery、…

算法—动态规划

一、简介 动态规划&#xff08;Dynamic Programming&#xff0c;简称 DP&#xff09;是一种通过将原问题分解为若干个子问题来求解最优化问题的算法思想。动态规划常常用于解决那些可以被分解为更小的重叠子问题的场景。 与分治法的区别在于&#xff0c;分治法会将问题分解成独…

Android GO 版本锁屏声音无效问题

问题描述 Android go版本 在设置中打开锁屏音开关&#xff0c;息屏灭屏还是无声音 排查 vendor\mediatek\proprietary\packages\apps\SystemUI\src\com\android\systemui\keyguard\KeyguardViewMediator.java private void setupLocked() {...String soundPath Settings.G…

使用 NVIDIA DALI 计算视频的光流

引言 光流&#xff08;Optical Flow&#xff09;是计算机视觉中的一种技术&#xff0c;主要用于估计视频中连续帧之间的运动信息。它通过分析像素在时间维度上的移动来预测运动场&#xff0c;广泛应用于目标跟踪、动作识别、视频稳定等领域。 光流的计算传统上依赖 CPU 或 GP…

Tomcat的安装即使用

Tomcat的概念 Tomcat服务器是Java语言开发的&#xff0c;免费的开放源代码的Web应用服务器。 Tomcat处理静态HTML的能力远不及Apache或者Nginx&#xff0c;通常是作为一个Servlet和JSP容器&#xff0c;单独运行在后端。 Tomcat是由三个功能组合而成&#xff1a; java servlet&…

Linux:进程(环境变量、程序地址空间)

目录 冯诺依曼体系结构 操作系统 设计操作系统的目的 操作系统的管理 进程 PCB fork 进程状态 进程状态查看 僵尸进程 孤儿进程 进程优先级 查看、修改进程优先级命令 竞争、独立、并行、并发 进程切换 活动队列和运行队列 活动队列 过期队列 active指针…

对于使用exe4j打包,出现“NoClassDefFoundError: BOOT-INF/classes”的解决方案

jar使用exe4j打包exe&#xff0c;出现NoClassDefFoundError: BOOT-INF/classes 注意选取的jar包是使用build&#xff0c;而不是maven中的install 本文介绍解决这个方法的方案 点击Project Structure 按照如图所示选择 选择main class&#xff0c;选择你要打的main 如果遇到/M…

uniapp连接蓝牙操作(蓝牙设备地锁)

介绍&#xff1a; 本文采用uni-app框架来创建一个简单的用户界面&#xff0c;用于搜索、连接和发送命令给蓝牙设备。 1.打开蓝牙适配器 function openBluetooth() {uni.openBluetoothAdapter({success() {uni.offBluetoothDeviceFound();// 监听新设备发现事件uni.onBlueto…

web:pc端企业微信登录-vue版

官方文档&#xff1a;developer.work.weixin.qq.com/document/pa… 不需要调用ww.register&#xff0c;直接调用ww.createWWLoginPanel即可创建企业微信登录面板 - 文档 - 企业微信开发者中心 (qq.com) 引入 //通过 npm 引入 npm install wecom/jssdk import * as ww from we…

外观模式的理解和实践

外观模式&#xff08;Facade Pattern&#xff09;是一种常用的软件设计模式&#xff0c;它提供了一个统一的接口&#xff0c;用来访问子系统中的一群接口。该模式定义了一个高层的接口&#xff0c;使得子系统更容易使用。简单来说&#xff0c;外观模式就是通过引入一个外观角色…

《应用导航设计:裂变式路由风暴来袭》——HarmonyOS开发项目时的Navigation路由奇妙使用

文章目录 应用导航设计引言概述场景示例基本实现推荐方案路由管理模块的实现页面跳转实现 业务实现中的关键点动态加载路由栈管理 应用导航设计 引言 在大型应用开发中&#xff0c;如何高效地设计应用导航&#xff0c;处理多模块间的路由跳转与解耦&#xff0c;始终是一个关键…