一、原理

模拟水波纹效果,最常见的是sine或者cosn的函数,周期性变化,贴近自然。

当水波纹中中间开始向四周扩散的时候,一般都是慢慢的失去能量,振幅也是越来越小,所以程序要模拟这个过程时候,要加上一个能量递减因子。然后用公式 y = a*sine(bx + c)来表示波纹公式。

二、程序实现

最重要的一步是计算水波纹的振幅。在任意一点确定水波的中心位置,可以是鼠标随机选取,对半径范围内的像素位置实现水波生成,然后转换为位置,对位置实现浮点数取整,然后使用适当的插值算法,本例使用双线性插值。

三、程序效果

四、滤镜完全源代码

这次我写了些中文注解,不给源代码的博文不是好博文

package com.gloomyfish.filter.study;

import java.awt.image.BufferedImage;

public class WaterFilter extends AbstractBufferedImageOp {

private float wavelength = 16;

private float amplitude = 10;

private float phase = 0;

private float centreX = 0.5f;

private float centreY = 0.5f;

private float radius = 50;

private float radius2 = 0;

private float icentreX;

private float icentreY;

public WaterFilter() {

}

@Override

public BufferedImage filter(BufferedImage src, BufferedImage dest) {

int width = src.getWidth();

int height = src.getHeight();

if ( dest == null )

dest = createCompatibleDestImage( src, null );

int[] inPixels = new int[width*height];

int[] outPixels = new int[width*height];

getRGB( src, 0, 0, width, height, inPixels );

icentreX = width * centreX;

icentreY = height * centreY;

if ( radius == 0 )

radius = Math.min(icentreX, icentreY);

radius2 = radius*radius;

int index = 0;

float[] out = new float[2];

for(int row=0; row

for(int col=0; col

index = row * width + col;

// 获取水波的扩散位置,最重要的一步

generateWaterRipples(col, row, out);

int srcX = (int)Math.floor( out[0] );

int srcY = (int)Math.floor( out[1] );

float xWeight = out[0]-srcX;

float yWeight = out[1]-srcY;

int nw, ne, sw, se;

// 获取周围四个像素,插值用,

if ( srcX >= 0 && srcX < width-1 && srcY >= 0 && srcY < height-1) {

// Easy case, all corners are in the image

int i = width*srcY + srcX;

nw = inPixels[i];

ne = inPixels[i+1];

sw = inPixels[i+width];

se = inPixels[i+width+1];

} else {

// Some of the corners are off the image

nw = getPixel( inPixels, srcX, srcY, width, height );

ne = getPixel( inPixels, srcX+1, srcY, width, height );

sw = getPixel( inPixels, srcX, srcY+1, width, height );

se = getPixel( inPixels, srcX+1, srcY+1, width, height );

}

// 取得对应的振幅位置P(x, y)的像素,使用双线性插值

/*if(xWeight >=0 || yWeight >= 0)

{

outPixels[index] = ImageMath.bilinearInterpolate(xWeight, yWeight, nw, ne, sw, se);

}

else

{

outPixels[index] = inPixels[index];

}*/

outPixels[index] = ImageMath.bilinearInterpolate(xWeight, yWeight, nw, ne, sw, se);

}

}

setRGB( dest, 0, 0, width, height, outPixels );

return dest;

}

private int getPixel(int[] pixels, int x, int y, int width, int height) {

if (x < 0 || x >= width || y < 0 || y >= height) {

return 0; // 有点暴力啦,懒得管啦

}

return pixels[ y*width+x ];

}

protected void generateWaterRipples(int x, int y, float[] out) {

float dx = x-icentreX;

float dy = y-icentreY;

float distance2 = dx*dx + dy*dy;

// 确定 water ripple的半径,如果在半径之外,就直接获取原来位置,不用计算迁移量

if (distance2 > radius2) {

out[0] = x;

out[1] = y;

} else {

// 如果在radius半径之内,计算出来

float distance = (float)Math.sqrt(distance2);

// 计算改点振幅

float amount = amplitude * (float)Math.sin(distance / wavelength * ImageMath.TWO_PI - phase);

// 计算能量损失,

amount *= (radius-distance)/radius; // 计算能量损失,

if ( distance != 0 )

amount *= wavelength/distance;

// 得到water ripple 最终迁移位置

out[0] = x + dx*amount;

out[1] = y + dy*amount;

}

}

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

java 水波纹_java实现水波纹扩散效果相关推荐

  1. java单一登录_java实现单一登录 踢人效果

    1.建一个session监听类 public class SessionListener implements HttpSessionListener{ public static HashMap s ...

  2. Android点击水波纹扩散效果整理(附带一个自定义的水波纹效果控件)

    很久很久没有写博客了,说来也有点惭愧.正好最近整理自己的项目工程目录,看到一些值得分享的控件,准备在之后的几篇博客中准备把它们陆续搬运上来. 这篇博客准备整理一下Android Material De ...

  3. css 波纹扩散_html5 +css3 点击后水波纹扩散效果 兼容移动端

    html5+ js +css3 点击后水波纹扩散效果 兼容移动端-幸凡学习网 }.center{text-align:center}.btn{position:relative;width:13em; ...

  4. android自定义控件几种,Android 自定义View一个控件搞定多种水波纹涟漪扩散效果 - CSDN博客...

    效果图 实现思路 这个效果实现起来并不难,重要的是思路 此View满足了多种水波纹涟漪扩散效果,这要求它能满足很多的变化 根据上面的样式,可以看出此View需要满足以下变化 圆圈从中心可循环向外扩散 ...

  5. html移动端语音波纹,html5 +css3 点击后水波纹扩散效果 兼容移动端

    html5+ js +css3 点击后水波纹扩散效果 兼容移动端-幸凡学习网 }.center{text-align:center}.btn{position:relative;width:13em; ...

  6. android水平波浪扩散动画,Android实现水波纹扩散效果

    本文实例为大家分享了Android实现水波纹扩散效果的具体代码,供大家参考,具体内容如下 先上图 ?澹∶挥型计??跃湍昧诵"泊?媪恕?/p> 先看一下如何使用这个View. andro ...

  7. android水波纹加光圈扩散效果,swift UIView优雅的添加点击事件 android Material Design 水波纹扩散效果...

    效果图: image 使用方式 UIView,UIImageView,UIButton 一样 let mView = MView() //是否开启水波纹效果,默认开启 mView.rippleEnab ...

  8. android 点击扩散,Android水波纹扩散效果

    先上图 囧!没有图片所以就拿了小安代替了 先看一下如何使用这个View .com.mybutton.view.RippleDiffuse android:layout_width="200d ...

  9. css 波纹扩散效果

    css 波纹扩散效果 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...

  10. 画一个椭圆形带扩散效果波纹展示效果

    需求描述 画一个椭圆形带扩散效果波纹展示效果 问题解决 <div class="server"><div class="s1">< ...

最新文章

  1. 逻辑模型设计步骤-确定数据分割策略
  2. java 多线程 异步日志_精彩技巧(1)-- 异步打印日志的一点事
  3. sns.distplot图例标注怎么添加_百度地图API图标、文本、图例与连线
  4. 双系统,重装windows后修复linux的grub启动
  5. 查询oracle表上重复的数据库,如何确定Oracle数据库表重复的记录
  6. Maven在Eclipse中的实用小技巧
  7. 德媒:外景代替了现实 中国人拍婚纱照跑到很远地方
  8. 感觉自己应该重新读一次Javascript
  9. 【数据结构笔记17】集合的表示、双亲表示法、并查集、集合的并运算
  10. 在WSL下安装MYSQL的实验报告_Linux(wsl)安装docker和mysql主从搭建
  11. html加载本地pdf,WkHTMLtoPDF不加载本地CSS和图像
  12. 解决办法:eclipse查看安卓8.0及以上设备的LOG
  13. SQLSERVER 2008 R2下载安装教程
  14. Linux打开软盘镜像,怎样在Linux下制作软盘和光盘镜像
  15. android-studio安装及android开发环境搭建
  16. Type-C PD协议取电SINK受电端9V12V15V20V
  17. Silverlight实用窍门系列:1.Silverlight读取外部XML加载配置---(使用WebClient读取XAP包同目录下的XML文件))【附带实例源码】...
  18. 使用qemu进行路由器环境的虚拟搭建
  19. TS在vue中的应用
  20. 一名SM是怎么炼成的(之一锻炼领导力)

热门文章

  1. 自动化打包之fastlane--(4) 安装其他插件
  2. 1-2 实验2 点对点通信
  3. 【Office】excel统计大于某数的个数
  4. sdk 今日头条_今日头条商业SDK(激励视频)的坑
  5. python线程执行完后释放内存_线程结束后释放内存
  6. html制作唯品会登陆页面,唯品会网页登陆页面高清,唯品会网页版登陆页面,唯品会网页登陆页面...
  7. FutureTask.get(timeOut)执行原理浅析
  8. 计算机硬件开关打开无线网络,如何打开电脑无线网络_如何打开无线网络连接...
  9. 使用Windows平台的VS2022来调试AKStream
  10. 讯飞离线语音合成(语记|语音+)