Android OpenGL ES实现点击图片波浪扩散效果

RightTime_ RightTime_ 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.3k累计阅读 1.3k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄16年
关注
原创 最新推荐文章于 2026-07-28 09:13:33 发布 1.3k 阅读 AI 写同款· GEO 优化 ›
Unity UI特效Shader实战：流光、扭曲、描边与涟漪四重奏 在计算机图形学中，着色器（Shader）是控制渲染管线中顶点和像素处理的核心程序，它通过数学运算直接操纵GPU，实现从基础颜色到复杂视觉效果的生成。其原理在于对纹理坐标（UV）、颜色值和时间变量进行变换与混合，从而在屏幕空间创造出动态、丰富的像素表现。这项技术的核心价值在于，它能以极低的性能开销，为应用程序界面（UI）和游戏画面带来质的飞跃，是提升视觉反馈、营造沉浸感和实现品牌差异化的关键技术。在游戏开发、交互式应用和数字孪生等领域，Shader被广泛用于实现按钮高亮、状态提示、场景过渡和动态背景等效果。本 阅读详情

关于图片波浪的效果有很多说明和原理分析，这里用的是cos函数来实现z坐标的位移变化，效果图如下：


附上源码下载链接：点击打开链接

收录于
OpenGL

当前文章被收录于：

OpenGL
6 篇文章 0 人学习
订阅专栏 查看详情
标签
#ripple #opengles #android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Unity UGUI视觉特效实战：UIEffect插件核心功能与性能优化指南 在Unity游戏开发中，UI（用户界面）的视觉表现力直接影响用户体验和产品质感。通过Shader（着色器）技术，开发者可以为UI元素实现丰富的动态效果，如渐变、模糊、发光等，从而提升交互反馈和视觉沉浸感。UIEffect作为社区流行的第三方插件，将这些复杂的着色器技术封装成易用的组件，大幅降低了UI美术效果实现的技术门槛。它通过优化Draw Call合批和提供多档位效果参数，有效平衡了视觉表现与渲染性能，尤其适用于手游和独立游戏等对性能敏感的项目。本文以UIEffect为例，深入解析其核心功能矩阵，包括渐变 阅读详情

相关推荐

OpenGL ES 实现动态（水波纹）涟漪效果

该原创文章首发于微信公众号：字节流动 水波纹效果原理 最近一个做视频滤镜的朋友，让我给他做一个动态水波纹效果，具体就是：点击屏幕上的某一位置，然后波纹以该位置为中心向周围扩散。接到这个需求，一开始就尝试着在 3D 坐标系（x,y,z）中利用正弦或余弦函数去修改 z 分量的值，但是这样出来的效果太假了，压根就没有水波纹的真实感。 然后，我就乖乖地去研究下物理世界中的水波纹是怎样形成的。你别说，我还真接了一盆水，坐在旁边观察了半天。 最后观察出，物理世界中水波纹的特点如上图所示，从水面的正上方往下看，在.

字节流动 5829

Opengl ES实现简单水波纹效果

之前通过win32 api做过水波的效果，但是始终不是很真实。于是就有了用Opengl来模拟水波的现象的想法。               首先，在Vertex Shader里，我们先算出顶点与水波中心点的距离。        {             vec3 pos = WORLD * POSITION.xyz;             vec3 posWaveCenter =

老米的专栏 5121

ShaderJoy —— 烟花爆炸特效【GLSL】

效果图 烟花爆炸效果 核心算法解析 粒子的扩散 首先，通过时间 id （取整操作），随机出烟花的爆炸（初始）点位置 p 。 然后再针对烟花爆炸出的每个粒子，随机得到它们各自的运动方向。 粒子的运动（初始点和下落的终点之间的插值）和时间满足如下函数关系： float pt = 1. - pow(t - 1., 2.); vec2 pos = mix(p, endP, pt); 显然，粒子的运动是一个从快到慢的过程，如下图所示。 pt 的变化 同时还让烟花的...

ShaderJoy 的兴趣技术杂货铺 3570

OpenGL 波浪特效

目录零基础 OpenGL ES 学习路线推荐 :>>零基础 OpenGL ES 学习路线推荐 :>>零基础 OpenGL ES 学习路线推荐 :>>零基础 OpenGL ES 学习路线推荐 :>>零基础 OpenGL ES 学习路线推荐 :>>零基础 OpenGL ES 学习路线推荐 :>>

猿说编程 638

基于OpenGLES2.0的Android平台水波纹动态壁纸

拿自己做的一个基于OpenGLES2.0的Android平台水波纹动态壁纸跟大家分享、学习。 当然这也是从网上各方查来的资料做成的，水波纹效果来自ios，这里不得不又吹下ios的效率要比android高出一大截啊，在同样的网格数量，相近的硬件配置下，iPod touch5跑60fps妥妥的，而魅族mx就有点丢人了，利用jni也只能达到40fps。

用NDK来实现的基于OpenglES2.0的Android平台水波纹动态壁纸

基于OpenglES2.0的Android平台水波纹动态壁纸，OpenGL部分由ndk实现，目前在4.0以上系统能正常运行，但在2.3.5这些系统上会有纹理严重失真的问题，还有效率不是很高，主要是网格计算量太大，在魅族MX机器上运行只能跑30fps左右，同时请教达人指导，邮箱地址：amani153@163.com

Unity UIEffect 5：组件化UI特效解决方案与性能优化实践

在Unity UI开发中，Shader是实现高级视觉效果的核心技术，它通过编写GPU程序来控制像素的渲染方式。其原理是基于顶点和片元着色器对图形进行数学变换与色彩处理，从而实现模糊、渐变、溶解等复杂效果。这项技术的价值在于能够突破UI系统的基础渲染限制，为游戏和应用界面带来丰富的视觉表现力和动态反馈，广泛应用于弹窗、按钮、状态提示等交互场景。然而，直接编写和调试Shader门槛较高，且容易引发性能问题。针对这一痛点，UIEffect 5提供了组件化的解决方案，它将常见的Shader效果封装成易用的可视化组件

weixin_33834628的博客 357

海滩波浪OpenGL

OpenGL es 实现的海滩波浪效果,还有椰树等海上风景,android实现的 博客地址http://blog.youkuaiyun.com/xiaoge132/article/details/51314840

OpenGL 动态波纹效果（着色器）

楼主效果类似的shader, cocos2d 2.0下可用 通过更新时间u_time达到波动效果 ======== #ifdef GL_ES precision mediump float; #endif uniform sampler2D u_Texture; uniform float     u_time; varying vec2 v_texCoord; co

我用CV我自豪。 2792

利用OpenGL进行水的模拟,尤其是波浪的效果

利用OpenGL进行水的模拟,尤其是波浪的效果，可以借鉴节减

在屏幕绘制各种图形，了解Android中OpenGL的使用。

在屏幕绘制各种图形，了解Android中OpenGL的使用：程序实现了： 屏幕绘图的方法 Android上OpenGL的使用。 完成三角形和四边形的绘制。

利用opengl画一个水波的曲面

1）首先说明一下静态水波的情况，静态水波其实可以看做是一个sin曲线旋转得到的曲面，从另一个角度上看，其实曲面就是在三维坐标中一系列sin曲线的聚合在一起的现象，而且这些曲线满足： Opengl中的坐标系为右手系，设坐标系为X-Y-Z,则有对于每一个曲面而言都会有x = r *cos(2 * Pi / n *i), z = r * sin(2 * Pi/n *i), y = sin(r...

ddso40922的博客 525

opengl 实现水波纹

opengl编写的模拟水波的程序，实现水波纹，可以运行

openglshader实现虚拟场景_OpenGL shader实现水波纹特效

不上代码，先上两图，看看效果。1.数学方法及原理这些就是高中的数学知识波的实现三角函数 f(x) = a * sin(x * b + c) + d。系数a控制振幅 系数b控制周期|频率 系数c 控制x轴方向位移 系数d控制控制y轴方向位移半径随着时间扩大radius = time * speed采样点到鼠标点的距离就是圆的半径distance = length(positionHit - posi...

weixin_29881131的博客 667

cutlass2.x源码解读之PitchLinearStripminedThreadMap

TensorCoord：使用layout::PitchLinearCoord作为张量坐标。Shape：使用模板参数Shape_作为tile的形状,kThreads：线程总数，定义为模板参数Threads。kElementsPerAccess：每次访问的元素数，定义为模板参数ElementsPerAccess。ThreadAccessShape：线程访问的形状，使用layout::PitchLinearShape定义。内部实现细节：ShapeVec。

jiangjkd的专栏 788

Kettle Web版部署指南

看到以上的日志则表示启动成功。

2401_89221867的博客 1718

Android-OpenGL-ES-实现动态（水波纹）涟漪效果（保证惊艳到你）

最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2019-2021面试真题解析，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。还有高级架构技术进阶脑图、Android开发面试专题资料帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

2401_84010804的博客 1159

STM32F103移植NuttX实战：从零搭建最小系统到串口Shell（附完整配置文件）

本文详细介绍了在STM32F103C8T6开发板上移植NuttX实时操作系统的完整过程，包括环境搭建、BSP配置、系统时钟初始化、驱动裁剪、编译烧录及串口Shell交互。通过实战指南帮助开发者快速掌握NuttX移植技巧，解决典型问题，适用于嵌入式系统开发。

tree8的博客 293

Windows OpenGL ES 波浪特效

目录零基础 OpenGL ES 学习路线推荐 :>>零基础 OpenGL ES 学习路线推荐 :>>零基础 OpenGL ES 学习路线推荐 :>>零基础 OpenGL ES 学习路线推荐 :>>零基础 OpenGL ES 学习路线推荐 :>>零基础 OpenGL ES 学习路线推荐 :>>

猿说编程 364

深度学习【46】pix2pixHD

英伟达的pix2pixHD，能够合成高清的2048*1024图片，简直振奋人心。pix2pixHD是我之前介绍过的pix2pix的改进版本，使用多由粗到精的G网络和多尺度D网络（每个D网络都是用了pix2pix中同样的patch技术）。论文一开始用pix2pix尝试合成更高分辨率的图片，但发现效果不好，训练也很不稳定。所以就对pix2pix进行了一顿魔改。我们来看看他们是怎么改进的。由粗到精的G网络

DCD_LIN的博客 1万+

汽车OBD接口实战：如何用STM32读取CAN总线数据（附完整代码）

本文详细介绍了如何利用STM32微控制器通过汽车OBD接口读取CAN总线数据的完整实战方案。内容涵盖硬件连接（如OBD引脚定义与TJA1050收发器接线）、STM32的CAN外设初始化与滤波器配置，并深入解析OBD-II诊断协议，演示了如何请求和解析发动机转速、车速等关键数据。文末提供了构建稳定数据读取系统的代码框架与错误处理建议，为嵌入式开发者和汽车电子爱好者提供了从零到一的实践指南。

9q8w7e6r5的博客 297

使用opengl制作一个简单的由线组成的荡漾的水波

先说一下大题思路：水波，我们取出他的横切面其实就是一条曲线，所以在绘制的时候我们可以使用多个三角函数以及其他函数的叠加来实现这条曲线，我们从上到下去看这个水波，其实就是一个圆，可以理解是n个横切面的合成。综上所述，所以我们可以直接构造多条曲线去合成我们的水波，至于使波纹往外边荡漾出去，我们通过每个切面的位移来实现。 说回代码实现，首先，通过glutInit(&...

diaojingdai0401的博客 224

本地部署 pyvideotrans（视频翻译配音工具）

语音识别选择faster-whisper(本地)，模型选择预先下载并保存的medium，然后选择好要处理的视频以及保存到的位置，这里我选择了一个名为why not的英文演讲视频，保存在桌面_vedio_out文件下。将附件中faster-medium.7z 和 faster-small.7z解压到项目中的models目录下, 解压后,目录中应该存在 models--Systran--faster-whisper-small。en.m4a|.wav = 原始视频中的音频文件(包含所有背景音和人声)

西唯兵欧泡的博客 2341

利用gl_FragCoor做出水波纹效果

water ripper First of all see the mathematic height = sin(x) / x; (x != 0) To X your can treat it as offset from 0 grow with time. 'glFragCoor' of GLSL glFragCoor exist in the FragShader a

Jim_Jing的专栏 1776

YOLO11改进 - 卷积Conv | DEGConv(方向引导边缘门控卷积) : 空间分块、方向先验、轻量边缘增强

本文介绍了方向引导边缘门控卷积（DEGConv），一种专为增强边缘敏感度与方向感知能力设计的轻量级模块。该方法通过 Sobel 算子生成方向嵌入，结合条纹卷积提取水平与垂直边缘特征，并利用门控机制动态抑制背景噪声，从而精准捕捉细粒度结构。我们将 DEGConv 成功集成进 YOLO11，在 Backbone 的 SPPF 后及 Neck 的 P3、P4 分支中引入该模块以优化特征提取。实验证明，集成 DEGConv 的 YOLO11 在检测任务中表现优异，有效提升了模型对复杂边缘与方向特征的建模能力。

魔改工程师的博客 676

Mamba SSM 实战：IMDb 文本分类 + Mamba-ssm 全流程

Mamba SSM 文本分类链路：IMDb 二分类 → MambaLMHeadModel (d_model=256, n_layer=8, d_state=16, exp2=2) → 末 token 分类头。5 epoch 达 89.2% 准确率 (与 BERT-base 持平), 但显存降低 44% (3.5GB vs 6.2GB)。建议序列长度 ≥ 1024 再选 Mamba, 短序列 (< 512) 用 BERT 更高效。扩展时注意d_state。

m0_71589036的博客 57
上一篇： Android点击屏幕坐标对应OpenGL ES坐标
点赞 0
评论 0
书签 书签 1
RightTime_
RightTime_
博客等级 码龄16年 5粉丝 10原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值