【shader自娱自乐】涟漪

于 2022-11-19 18:51:24 发布
阅读量264 收藏
点赞数 1
分类专栏： shader自娱自乐 文章标签： unity 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38251100/article/details/127939296
版权
本文介绍了在Unity中创建涟漪效果的方法，通过顶点和像素着色器实现纹理像素的偏移。重点在于uv偏移的计算，包括以（0.5,0.5）为中心的圆形uv偏移、强度衰减以及偏移方向的控制，最终达到涟漪逐渐消散的视觉效果。文章还探讨了如何通过调整参数来优化多层涟漪的表现。" 102307976,1067960,显卡CUDA版本查询指南,"['GPU编程', 'CUDA工具', '硬件兼容性', '系统配置']
摘要由CSDN通过智能技术生成

效果图

在这里插入图片描述
  涟漪效果本质上是纹理像素的偏移，越靠近中心像素偏移越多，越靠近圆形边界偏移也相对于远离边界多


顶点着色器

  v2f vert (appdata v)
  {
   
        v2f o;
        o.vertex = UnityObjectToClipPos(v.vertex);
        o.uv = TRANSFORM_TEX(v.uv, _MainTex);
        UNITY_TRANSFER_FOG(o,o.vertex);
        return o;
  }

朴素的顶点着色器


像素着色器

   fixed4 frag (v2f i) : SV_Target
   {
   
        UNITY_APPLY_FOG
最低0.47元/天 解锁文章
隋文弟
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
unity用shader来实现2D涟漪/水波纹特效
04-25
unity用shader来实现2D涟漪/水波纹特效
【Shader】实验08——水面的环形涟漪
糕二不二的博客
02-17 1916
接上篇，这篇详细写写水面的环形涟漪模拟的shader。所有的shader实验源码都可以在GitHub找到。
普通的Shader-水涟漪效果
suixinger_lmh的随笔
12-09 1009
目标：鼠标点击位置产生一个涟漪 分析： 1.涟漪位置：将鼠标点击位置映射到纹理坐标上； 2.涟漪扩散：从涟漪位置呈圆形向四周扩散； 3.涟漪效果：在涟漪波动位置对纹理做偏移
【Shader】拷贝ShaderToy系列——水涟漪效果
两水先木示的博客
02-15 614
Shader - Shadertoy BETA 链接：https://pan.baidu.com/s/19I9enoJBi8i7qKtSIWd0Fg 提取码：ref1 https://github.com/AMikeW/BStandShaderResources/blob/master/Water%E6%B6%9F%E6%BC%AA%E6%95%88%E6%9E%9C.unitypackage
中级Shader教程25 两种涟漪实现方式
JiepengTan‘s blog专栏
04-28 4248
1.实现 1.空间划分+相邻grid之间采样实现 其中 y = sin(31.*t) * smoothstep(-0.6, -0.3, t) * smoothstep(0., -0.3,t) 图形解析为： // create by JiepengTan 2018-04-25 // email: jiepengtan@gmail.com // all rig...
Creator3D:shader13_水面涟漪
carlos13207的博客
09-20 661
前言 首先咱们回顾一下之前的两篇关于水面的文章 Creator3D:shader11_水面波浪(一) Creator3D:shader12_水面波浪(二) 在上边的这两篇文章中，水面的动态效果都是基于顶点着色器，也就是模型的顶点来实现的。 其中在第二篇文章中，菜鸟预期是实现一个波浪扩散的效果，但是最终没有实现。于是菜鸟下去专门研究了一下，终于研究出来了。 效果展示 正文 1.UV是什么？ 在顶点着色器中我们能看见一行代码： v_uv = a_texCoord; 那么UV，也就是a_texCoord到
Unity自带shader源码
01-26
本压缩包中的"Unity自带shader源码"提供了Unity引擎内建Shader的原始代码，对于开发者来说，这是一个宝贵的资源库，有助于深入理解Shader的工作原理和编程技巧。通过阅读和分析这些源码，开发者可以学习如何在Unity...
unity4.7.0自带shader
03-16
Unity 4.7.0是Unity引擎的一个较早版本，其中包含了丰富的内置Shader资源，对于初学者来说，这些Shader提供了理解和学习图形渲染的基础。Shader在游戏开发中扮演着至关重要的角色，它们是控制游戏内物体表面外观的...
自用shaderGraph
最新发布
09-11
在Unity引擎中，Shader Graph是一种强大的可视化着色器创建工具，允许开发者无需深入理解复杂的着色语言（如GLSL或HLSL）就能构建自定义的图形效果。本压缩包包含了一系列自用的Shader Graph资源，这些图形着色器...
自己常用shader（自连）.zip
06-06
"自己常用shader（自连）.zip"这个压缩包很可能是个人收集的一系列自定义Shader资源，用于方便自己的项目开发或学习。 首先，让我们来了解一下Shader的基本概念。Shader通常运行在图形处理器（GPU）上，以提高处理...
shader graph落在地面的水滴涟漪效果制作思路
unie_123的博客
12-08 1851
（以下内容为不知什么地方看来的教学视频后的复盘整理笔记。） 0思路：在现有的材质上添加一个涟漪序列帧动画作为nomal输出，做出序列帧动画，控制大小，虚实让它看起来更自然 1：水面涟漪首先需要一个反射效果，强化作为动画nomal，所以smoothness属性必须要有，可以做一个slider对它进行控制。原图层最好也要有nomal效果，这样效果明显。 2：添加一个texture2d属性来输入涟漪效果...
shadergraph_learning_15 水滴涟漪效果
唐僧的专栏
02-01 1888
shadergraph_learning 水滴涟漪效果 下面就是 大致的效果；可以调节 雨量等等； 总体思路： Time节点 驱动 Flipbook 节点 播放 序列帧 法线图片， 最后 使用 Normal Blend 节点混合 雨滴 序列帧 和 地板的法线贴图 其中 雨滴 为了看起来 不那么 规律 使用了 两种 不同尺...
coreldraw水涟漪怎么做_Unity基于噪声随机的涟漪模拟
weixin_39520979的博客
11-30 248
之前做过一版涟漪，参考的是：https://seblagarde.wordpress.com/2013/01/03/water-drop-2b-dynamic-rain-and-its-effects/​seblagarde.wordpress.com理论就是这张图：做完了然后效果其实还行，但是盯着只要看两个周期，就会发现涟漪的位置太规律了，虽然是模拟，就算不能真正做到雨滴落地位置和涟漪生成位置产...
UnityShader水体渲染
Ian@_@的博客
07-12 1720
水体渲染 简单水体 贴图+UV动画 使用一张噪声纹理，采样结果作为UV的偏移值，从而模拟水流动的效果 ``` // sample the texture fixed4 noise_col = tex2D(_NoiseTex, i.uv + fixed2(_Time.y*_XSpeed, 0)); fixed uOffset = noise_col.r; fixed vOffset = noise_col.r; fixed4 col = tex2D(_MainTex, i.uv +_Intensity
水波涟漪效果Shader
tangfei_csdn的博客
03-12 665
Shader "Hidden/Ripple" { Properties { _MainTex("Texture",2D) = "white"{} _CenterX("Center X",float) =300 _CenterY("Center Y",float) =250 _WaveSpeed("Wave Speed",range(.50,50)) =20 _WaveAmount("Wave Amount",range(0,20)) =10 } SubShade.
Shader攻占笔记（六）顶点涟漪与遮罩
PopHazel的博客
10-17 398
顶点涟漪与遮罩飘动旗帜~~人物呼吸~~ 猴子瞪眼鼠标交互涟漪 飘动旗帜 顶点动画 需求：旗子波浪式飘动（动画）；越接近旗杆处飘动越受限（遮罩） 波浪式飘动（三角函数配合_Time使用），将其附加到需要的方向上； 确定需要上下起伏的轴（y）；确定作为变量的轴（z） //addValue = sin((timer + 顶点的z值) * 周期的倒数)* 幅度; float timer = _Time[3] * _Frequency; float addValue = sin((timer + v.vert
ShaderGraph从入门到实战
09-23
大智和你一起学习ShaderGraph，在实战中探索。课程内容 ShaderGraph的基本使用丰富的实战案例： · 全息效果· 边缘光效果· 溶解效果· 积雪效果· 扭曲效果· 干扰效果· 流光效果· 石化效果· 顶点动画：跳动的小球· 游动的龙鱼· 小草摇曳效果· 海面效果· 水晶效果· 裂缝的冰面效果· 自定义节点的用法及改造裂缝的冰块· 云海效果· 雨滴涟漪效果· 卡通渲染所需前置知识 安装好Unity即可
Shader水涟漪效果
一叶子的博客哦
08-29 6592
不得不说,水涟漪效果的确很棒,在这里有个基于Unity和UGUI的水涟漪效果,我再移植的时候遇到了UGUI的画布要比NGUI大很多倍的问题 http://www.manew.com/thread-92365-1-1.html 在这个网址里,有着完整的代码和场景,其中最核心的就是Image(1),他用来实现水涟漪效果,但是背景也是不可缺少的.此外 一共有样是核心:shader和算法和场景.
unity 涟漪shader
09-10
unity涟漪shader是一种在游戏开发中用于实现涟漪效果的渲染技术。该技术利用shader编程和图形计算的原理，通过对顶点位置或纹理进行变换，在渲染过程中加入了水波纹的效果，从而实现了真实的水面效果。 在涟漪...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值