正弦函数/正弦波 是最基础的波形 在游戏中通常使用 正弦函数/正弦波 来逼近真实世界中的涟漪效果 涟漪效果 有了波形并不意味着就能产生涟漪的效果 往往还需要在画面中添加折射、反射、扭曲等效果 看图中的涟漪效果 之所以人眼看起来像涟漪 是因为在涟漪处的空间发生了轻微的扭曲 ...
在捕鱼游戏项目中 希望使用shader丰富海洋背景效果 在网上找了几个不同的效果 本文就写一下使用折射效果的体会 效果视频http: v.douyin.com JfVfmU 转载请注明出处https: www.cnblogs.com billyrun articles .html shader代码如下 法线获取函数 waveNormal函数返回每个纹理坐标所对应的法线 假设水面是纯平的,那么每一处 ...
2018-06-24 23:49 0 4107 推荐指数:
正弦函数/正弦波 是最基础的波形 在游戏中通常使用 正弦函数/正弦波 来逼近真实世界中的涟漪效果 涟漪效果 有了波形并不意味着就能产生涟漪的效果 往往还需要在画面中添加折射、反射、扭曲等效果 看图中的涟漪效果 之所以人眼看起来像涟漪 是因为在涟漪处的空间发生了轻微的扭曲 ...
水波效果 ...
cocos版本:2.4.4 参考: 《江南百景图》PPT 高品质后处理:十种图像模糊算法的总结与实现 高斯模糊Shader-陈皮皮 基于线性采样的高效高斯模糊实现(译) 实现 基于 RenderTexture 实现多 Pass 的 Kawase Blur-陈皮皮 游戏 ...
虽然是AV画质,但是大概还是可以看的 整个实现过程,包括水面的UV流动,折射,反射,根据深度进行透明值处理等等 ...
0.glsl中语句以'分;号'结尾 否则会编译错误! 1.glsl中整数与浮点数运算会导致编译错误 vec2 p = -1 + 2 * v_texCoord; //错误 ...
先看个简单的代码 %% vs { precision highp float; uniform mat4 cc_matViewProj; attribute vec3 a_position ...
用GrabPass做的小玩具。 并不是真的计算了折射,只是简单地扰动了uv,对于雨水来说效果已经足够好了。 Shader代码: ...
本篇文章相关导读: 新版ShaderHelper,支持 Creator 2.1.2 ! 社区大佬揭开 Creator 2.1.2 材质系统的神秘面纱! 为什么要选择使用T ...