相关推荐

java实现水波纹显示效果(附完整源码)

java实现水波纹显示效果(附完整源码)

html5 水波扩散效果

插件描述：HTML5实现点击水波扩散效果. 参考示例：http://www.jq22.com/jquery-info5017

图像水波纹特效原理分析和实现

　　前段时间注意到一些软件上有图像的水波纹特效，似乎很炫，想深入了解下该效果的具体原理与实现方式，上网搜了不少些资料，都讲得不清不楚，没办法只能靠自己了。花了一整个下午先去复习了高中物理的波的知识，试着自己来推导原理并实现了下。下面的推导是我根据一些资料以及自己分析出的，如有错误，望请指出。上张效果图先： 基本原理 　　水波效果反映到图像上，则是像素点的偏移。因此对...

对水波特效实现原理的解释

声明：这个特效不是我原创的，当然我也不知道这个特效的最初制作者是谁。我仅仅试图解释这个水波特效实现的原理。 我曾经从vchelp网站下载过这样一个水波特效的demo（c#写的），当我第一次看到这个控件的时候，感觉很不起眼，但是当我无意中用鼠标在控件上一拖，oh，it 's really amazing! 一层层水波荡漾开去，不得不说，我有些惊讶它的表现力！ 我再次看了一下这个控件的代码，只有...

水波纹(water ripple)

demo下载 水波纹，鼠标点击后水会四散，产生涟漪的感觉，十分真实. 实现原理: 扩散：当你投一块石头到水中，你会看到一个以石头入水点为圆心所形成的一圈圈的水波，这里，你可能会被这个现象所误导，以为水波上的每一点都是以石头入水点为中心向外扩散的，这是错误的。实际上，水波上的任何一点在任何时候都是以自己为圆心向四周扩散的，之所以会形成一个环状的水波，是因为水波的内部因为扩散的对称而

Creator 3.8 Shader开发2D水面波纹特效

Cocos Creator的版本不一样，可能导致以前编写的Shader无法正常运行，这种其实很好解决，我们在开发Shader的时候，基于现在Cocos Creator的版本先创建一个现有的模板出来，然后再将关键代码移植过去。Cocos 的uv 左上角为(0, 0),我们要在图片的上方做水波纹,那么片元的uv.y < y0的片元就丢弃, uv.y >= y0的就正常显示。2D 水面波纹的主要原理就是给定一个正选波的边界，在范围内的片元uv就显示，在范围外的片元uv就不显示。

倒影特效

利用JavaScript可以实现一般图片处理工具的倒影特效。效果图可见下： 可以见到loli玉腿粉呈，宛如水中倒影。 实现思路有二，一是先在图片下方添加一个&lt;div&gt;元素，作为倒影容器，然后在容器中添加若干个高度为1PX的&lt;div&gt;元素，其中含有一个与原图相同的&lt;img&gt;元素，设置该元素margin-top属性，使其显示原图中某个高度位置的局部内容。最后设置...

XNA水面效果

Technorati 标签: xna,water effect,C#,.net,hlsl 几乎所有的室外场景游戏都少不了水面效果的渲染，基中主要包括波浪效果、反射效果、折射效果等，在这之前我对它可是一无所知，现在总算是有了初步的了解，主要是归功于XNA的快速。当然，我的主要目的还是对算法进行学习。 原理我还是不说，Google一下，讲的很好的。我这里主要有1个Water类和一个Vertex...

水面模拟--FFT Ocean

前言 FFTOcean是一种基于统计学模型的水面模拟算法，原论文为SIGGRAPH的一篇文章Simulating Ocean Water。 先看一下效果 一、需要设置的一些参数 首先文章假设节点平面坐标X=(x,z)，需要根据X来计算高度y。接着需要设定的参数有：海洋的实际大小(Lx,Lz)，将海洋划分为网格的大小(N,M)，海洋环境中的风速V，以及风向Vdir，还有幅度A。 二、高度场函数推导 文章先是定义高度场的计算公式为： 其中 为了方便实现，我们假设 故..

水波图实现原理

在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际波形的表述。这里我选择了正弦曲线来实现。 在讲实现思路之前，我们来回忆一下正弦曲线的基础。 正弦曲线 ...

水波纹动画实现原理

今天在网上Android上的水波纹效果，自己稍微研究了一下，其基本原理如下： 1 使用sin函数波形效果，sin函数解释。计算出y轴的一组数据 2 自定一个View，在View中使用canvas.drawLine()方法，使用第一步的数据绘制出一条sin函数的曲线。 3 在动画效果：将第一步计算出的y轴数据，循环左移N个数量单位，调用postInvalidate();  方法重绘View就达

图像处理之水波纹扩散效果(water ripple effect)

Water Ripple Effect - 水波纹效果 一：原理 模拟水波纹效果，最常见的是sine或者cosn的函数，周期性变化，贴近自然 当水波纹中中间开始向四周扩散的时候，一般都是慢慢的失去能量，振幅也是 越来越小，所以程序要模拟这个过程时候，要加上一个能量递减因子。然后用 公式 y = a*sine(bx + c)来表示波纹公式。 二：程序实现 最重要的一步是计算水波纹的振幅...

编写shader模拟水波扩散效果

这次分析了shadertoy上的一个例子 先上效果图。 中心是一个大的波纹，我们可以用鼠标控制小的波纹，产生干涉。 用opengl模拟水纹是一个复杂的过程，这里我们采用的方法是。。。欺骗法。 将水纹看成黑白相间的圆环，因为只有黑白两色，水纹上的圆环移动时会产生干涉的假象。 我们还是直接来一步一步的看代码，先在屏幕上画一个圆环。 #define PI 3.1415 float ripple(flo

用CSS 实现水波扩散的特效

话不多说，代码甩来 （一）第一种方法 HTML &lt;body&gt; &lt;div class="animate wave"&gt; &lt;div class="w1"&gt;&lt;/div&gt; &lt;div class="w2"&gt;&lt;/div&gt; &lt;div class="w3"&gt;&lt;/div&gt; &l...

flash制作水波

水波制作，利用滤镜技术进行制作。相当 不错错

Unity 水、流体、波纹基础系列（三）——波浪（Waves）

目录1 正弦波1.1 调整顶点1.2 调整Y1.3 振幅1.4 波长1.5 速度1.6 法线向量1.7 Mesh分辨率1.8 阴影2 格斯特纳波（Gerstner）2.1 来回移动2.2...

海浪序列帧

海浪序列帧，可作为三维面片的材质生成海浪效果的水面特效。

特效天地——水波

在介绍编程之前，先让我们来回顾一下在高中的物理课上我们所学的关于水波的知识。水波有如下几个特性： 扩散：当你投一块石头到水中，你会看到一个以石头入水点为圆心所形成的一圈圈的水波，这里，你可能会被这个现象所误导，以为水波上的每一点都是以石头入水点为中心向外扩散的，这是错误的。实际上，水波上的任何一点在任何时候都是以自己为圆心向四周扩散的，之所以会形成一个环状的水波，是因为水波的内部因为扩散的对称而相

Unity shader实现水效果（折射，反射，波浪，1.菲尼尔，深度颜色）

虽然是AV画质，但是大概还是可以看的 整个实现过程，包括水面的UV流动，折射，反射，根据深度进行透明值处理等等 转载于:https://www.cnblogs.com/ubanck/p/9606626.html...

Shader序列帧

Shader &quot;Custom/SphereShader&quot; {Properties    {        _Color(&quot;Base Color&quot;, Color) = (1,1,1,1)        _MainTex(&quot;Base(RGB)&quot;, 2D) = &quot;white&quot; {} _Speed(&quot;播放速度&quot;,Float)=30        _SizeX (&quot;列数&quot;, Float) = 12