还记得原来写过一个对图像进行波纹扭曲操作的博文。 这次实现的是水波特效,其实就是通过正余弦函数表示波纹中心位置慢慢向外扩散,通过叠加衰减因子使振幅不断减小,进而产生水波的效果。 效果如下: 原图: 波纹特效: matlab代码如下: 参考:https ...
这篇博文译自以下这篇文章 http: www.gamedev.net page resources technical graphics programming and theory the water effect explained r 由于这篇文章主要用Pascal语言进行描述的。因此我后面会添加一些注释,并结合Apple提供的ripple相关的Demo给出一些额外的遵守GNU 规范的C代码 ...
2012-12-23 17:56 3 2835 推荐指数:
还记得原来写过一个对图像进行波纹扭曲操作的博文。 这次实现的是水波特效,其实就是通过正余弦函数表示波纹中心位置慢慢向外扩散,通过叠加衰减因子使振幅不断减小,进而产生水波的效果。 效果如下: 原图: 波纹特效: matlab代码如下: 参考:https ...
今天要为大家绍一款由jquery实现的鼠标单击出现水波特效。用鼠标猛点击页面,你可以看到页面不断出面水波纹效果。然后水波纹渐渐消失。效果非常不错。我们一起看下效果图: 在线预览 源码下载 实现的代码。 html代码: css代码: js代码 ...
具体算法见 http://www.cnblogs.com/worldreason/archive/2008/05/09/1189648.html 下面直接上代码: HLSL: ...
大家好,今天我ccentry要做一个水波纹特效,我们来看看水波纹特效的做法。首先我们来看一下水波纹特效的效果是怎么样的,请看下图。 我们要做的就是类似这种纹理特效,那么我们来看看是如何制作的吧。首先鲫鱼我新建一个空项目,来编写这个demo,项目结构如下图所示。 img文件夹中 ...
/* 按钮反馈之波纹 */ .ripple { position: relative; /* overflow:hidden */ 打开注释及效果不扩散在外 } .ripple:focus{ out ...
前段时间注意到一些软件上有图像的水波纹特效,似乎很炫,想深入了解下该效果的具体原理与实现方式,上网搜了不少些资料,都讲得不清不楚,没办法只能靠自己了。花了一整个下午先去复习了高中物理的波的知识,试着自己来推导原理并实现了下。下面的推导是我根据一些资料以及自己分析出的,如有错误,望请指出。上张 ...
RFX4_Particle.shader案例 重点是不同混合模式要对雾与颜色做不同的处理 <wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;"> ...
在PHOTOSHOP里,羽化就是使你选定范围的图边缘达到朦胧的效果。 羽化值越大,朦胧范围越宽,羽化值越小,朦胧范围越窄。可根据你想留下图的大小来调节。算法分析:1、通过对rgb值增 ...