脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → C#教程 → UnityShader3波浪效果

UnityShader3实现波浪效果

 更新时间：2020年04月29日 11:49:43   作者：宏哥1995  
这篇文章主要为大家详细介绍了UnityShader3实现波浪效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了UnityShader3实现波浪效果展示的具体代码，供大家参考，具体内容如下

参考链接： 【OpenGL】Shader实例分析（一）－Wave

效果图：

1.首先，实现格子背景图

Shader "Custom/Curve"
{
 Properties
 {
 _BackgroundColor ("BackgroundColor", Color) = (1, 1, 1, 1)
 _BackgroundColor2 ("BackgroundColor2", Color) = (0, 0, 0, 1)
 _Space ("Space", Range(0, 1)) = 0.2
 _XOffset ("XOffset", Range(-1, 1)) = 0.15
 _YOffset ("YOffset", Range(-1, 1)) = 0.05
 }
 SubShader
 {
 Pass
 {
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment frag
 #include "UnityCG.cginc"
 
 struct appdata
 {
 float4 vertex : POSITION;
 float2 uv : TEXCOORD0;
 };
 
 struct v2f
 { 
 float4 vertex : SV_POSITION;
 float2 uv : TEXCOORD0;
 };
 
 //格子背景
 fixed4 _BackgroundColor;
 fixed4 _BackgroundColor2;
 fixed _Space;
 fixed _XOffset;
 fixed _YOffset;
 
 v2f vert (appdata v)
 {
 v2f o;
 o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
 o.uv = v.uv;
 
 return o;
 }
 
 fixed4 frag (v2f i) : SV_Target
 {
 //fmod(x, y)：x/y的余数，和x有同样的符号 
 //step(a, x)：如果x<a，返回0；如果x>=a，返回1
 
 //得到一个小于_Space的余数，即a的范围为[0, _Space)
 fixed a = fmod(i.uv.x + _XOffset, _Space);
 //有1/2概率返回0，有1/2概率返回1，从而形成间隔效果
 a = step(0.5 * _Space, a);
 
 fixed b = fmod(i.uv.y + _YOffset, _Space);
 b = step(0.5 * _Space, b);
 
 return _BackgroundColor * a * b + _BackgroundColor2 * (1 - a * b);
 }
 ENDCG
 }
 }
}

2.在中间添加一条直线

Shader "Custom/Curve"
{
 Properties
 {
 _BackgroundColor ("BackgroundColor", Color) = (1, 1, 1, 1)
 _BackgroundColor2 ("BackgroundColor2", Color) = (0, 0, 0, 1)
 _Space ("Space", Range(0, 1)) = 0.2
 _XOffset ("XOffset", Range(-1, 1)) = 0.15
 _YOffset ("YOffset", Range(-1, 1)) = 0.05
 }
 SubShader
 {
 Pass
 {
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment frag
 #include "UnityCG.cginc"
 
 struct appdata
 {
 float4 vertex : POSITION;
 float2 uv : TEXCOORD0;
 };
 
 struct v2f
 { 
 float4 vertex : SV_POSITION;
 float2 uv : TEXCOORD0;
 };
 
 //格子背景
 fixed4 _BackgroundColor;
 fixed4 _BackgroundColor2;
 fixed _Space;
 fixed _XOffset;
 fixed _YOffset;
 
 v2f vert (appdata v)
 {
 v2f o;
 o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
 o.uv = v.uv;
 
 return o;
 }
 
 fixed4 frag (v2f i) : SV_Target
 {
 //fmod(x, y)：x/y的余数，和x有同样的符号 
 //step(a, x)：如果x<a，返回0；如果x>=a，返回1
 
 //得到一个小于_Space的余数，即a的范围为[0, _Space)
 fixed a = fmod(i.uv.x + _XOffset, _Space);
 //有1/2概率返回0，有1/2概率返回1，从而形成间隔效果
 a = step(0.5 * _Space, a);
 
 fixed b = fmod(i.uv.y + _YOffset, _Space);
 b = step(0.5 * _Space, b);
 
 fixed4 bgCol = _BackgroundColor * a * b + _BackgroundColor2 * (1 - a * b);
 
 
 //范围(1, 51)，乘上100是扩大差距(中间最亮其他两边基本不亮)，加上1是防止0作为除数，同时确保最中间最亮
 float v = abs(i.uv.y - 0.5) * 100 + 1;
 v = 1 / v;
 fixed4 lineCol = fixed4(v, v, v, 1);
 
 return bgCol + lineCol;
 }
 ENDCG
 }
 }
}

3.直线变曲线

Shader "Custom/Curve"
{
 Properties
 {
 //调整背景
 _BackgroundColor ("BackgroundColor", Color) = (1, 1, 1, 1)
 _BackgroundColor2 ("BackgroundColor2", Color) = (0, 0, 0, 1)
 _Space ("Space", Range(0, 1)) = 0.2
 _XOffset ("XOffset", Range(-1, 1)) = 0.15
 _YOffset ("YOffset", Range(-1, 1)) = 0.05
 
 //调整曲线的波动
 _Frequency ("Frequency", Range(0, 100)) = 10//频率
 _Amplitude ("Amplitude", Range(0, 1)) = 0.1//振幅
 _Speed ("Speed", Range(0, 100)) = 10//速度
 }
 SubShader
 {
 Pass
 {
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment frag
 #include "UnityCG.cginc"
 
 struct appdata
 {
 float4 vertex : POSITION;
 float2 uv : TEXCOORD0;
 };
 
 struct v2f
 { 
 float4 vertex : SV_POSITION;
 float2 uv : TEXCOORD0;
 };
 
 //格子背景
 fixed4 _BackgroundColor;
 fixed4 _BackgroundColor2;
 fixed _Space;
 fixed _XOffset;
 fixed _YOffset;
 
 half _Frequency;
 half _Amplitude;
 half _Speed;
 
 v2f vert (appdata v)
 {
 v2f o;
 o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
 o.uv = v.uv;
 
 return o;
 }
 
 fixed4 frag (v2f i) : SV_Target
 {
 //fmod(x, y)：x/y的余数，和x有同样的符号 
 //step(a, x)：如果x<a，返回0；如果x>=a，返回1
 
 //得到一个小于_Space的余数，即a的范围为[0, _Space)
 fixed a = fmod(i.uv.x + _XOffset, _Space);
 //有1/2概率返回0，有1/2概率返回1，从而形成间隔效果
 a = step(0.5 * _Space, a);
 
 fixed b = fmod(i.uv.y + _YOffset, _Space);
 b = step(0.5 * _Space, b);
 
 fixed4 bgCol = _BackgroundColor * a * b + _BackgroundColor2 * (1 - a * b);
 
 
 //范围(1, 51)，乘上100是扩大差距(中间最亮其他两边基本不亮)，加上1是防止0作为除数，同时确保最中间最亮
 //float y = i.uv.y + sin(_Time.y);扫描线效果
 float y = i.uv.y + sin(i.uv.x * _Frequency + _Time.y * _Speed) * _Amplitude;//可以看成一条y的关于x的方程式
 float v = abs(y - 0.5) * 100 + 1;
 v = 1 / v;
 fixed4 lineCol = fixed4(v, v, v, 1);
 
 return bgCol + lineCol;
 }
 ENDCG
 }
 }
}

注释掉的是扫描线效果：

4.多曲线。其实就是for循环，然后在频率和振幅上加些变量，即可形成多条不同的曲线。

Shader "Custom/Curve"
{
 Properties
 {
 //调整背景
 _BackgroundColor ("BackgroundColor", Color) = (1, 1, 1, 1)
 _BackgroundColor2 ("BackgroundColor2", Color) = (0, 0, 0, 1)
 _Space ("Space", Range(0, 1)) = 0.2
 _XOffset ("XOffset", Range(-1, 1)) = 0.15
 _YOffset ("YOffset", Range(-1, 1)) = 0.05
 
 //调整曲线的波动
 _Frequency ("Frequency", Range(0, 100)) = 10//频率
 _Amplitude ("Amplitude", Range(0, 1)) = 0.1//振幅
 _Speed ("Speed", Range(0, 100)) = 10//速度
 }
 SubShader
 {
 Pass
 {
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment frag
 #include "UnityCG.cginc"
 
 struct appdata
 {
 float4 vertex : POSITION;
 float2 uv : TEXCOORD0;
 };
 
 struct v2f
 { 
 float4 vertex : SV_POSITION;
 float2 uv : TEXCOORD0;
 };
 
 //格子背景
 fixed4 _BackgroundColor;
 fixed4 _BackgroundColor2;
 fixed _Space;
 fixed _XOffset;
 fixed _YOffset;
 
 half _Frequency;
 half _Amplitude;
 half _Speed;
 
 v2f vert (appdata v)
 {
 v2f o;
 o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
 o.uv = v.uv;
 
 return o;
 }
 
 fixed4 frag (v2f i) : SV_Target
 {
 //fmod(x, y)：x/y的余数，和x有同样的符号 
 //step(a, x)：如果x<a，返回0；如果x>=a，返回1
 
 //得到一个小于_Space的余数，即a的范围为[0, _Space)
 fixed a = fmod(i.uv.x + _XOffset, _Space);
 //有1/2概率返回0，有1/2概率返回1，从而形成间隔效果
 a = step(0.5 * _Space, a);
 
 fixed b = fmod(i.uv.y + _YOffset, _Space);
 b = step(0.5 * _Space, b);
 
 fixed4 bgCol = _BackgroundColor * a * b + _BackgroundColor2 * (1 - a * b);
 
 
 //范围(1, 51)，乘上100是扩大差距(中间最亮其他两边基本不亮)，加上1是防止0作为除数，同时确保最中间最亮
 //float y = i.uv.y + sin(_Time.y);扫描线效果
 
 fixed4 lineCol;
 
 for(int count = 0;count < 3;count++)
 {
 float y = i.uv.y + sin(i.uv.x * _Frequency * count * 0.1 + _Time.y * _Speed) * (_Amplitude + count * 0.1);//可以看成一条y的关于x的方程式
 y = saturate(y);//重新映射到(0, 1)范围
 float v = abs(y - 0.5) * 100 + 1;
 v = 1 / v;
 lineCol += fixed4(v, v, v, 1);//注意是"+"操作，对颜色进行叠加
 }
 
 return bgCol + lineCol;
 }
 ENDCG
 }
 }
}

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

您可能感兴趣的文章:

相关文章

  • C#一个方法返回多个值示例

    C#一个方法返回多个值示例

    这篇文章主要介绍了C#一个方法返回多个值示例,需要的朋友可以参考下
    2014-02-02
  • 两路归并的数组与链表的实现方法

    两路归并的数组与链表的实现方法

    本篇文章对两路归并的数组与链表的实现方法进行了分析介绍。需要的朋友参考下
    2013-05-05
  • C#调用百度API实现活体检测的方法

    C#调用百度API实现活体检测的方法

    这篇文章主要给大家介绍了关于C#调用百度API实现活体检测的方法，文中通过示例代码介绍的非常详细，对大家学习或者使用C#具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-09-09
  • C#中async/await之线程上下文工作原理

    C#中async/await之线程上下文工作原理

    这篇文章主要为大家介绍了C#中async/await之线程上下文工作原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪<BR>
    2023-05-05
  • C#读写配置文件方式(config.ini)入门

    C#读写配置文件方式(config.ini)入门

    这篇文章主要介绍了C#读写配置文件方式(config.ini)入门，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-06-06
  • C#串口通信模块使用方法示例

    C#串口通信模块使用方法示例

    这篇文章主要介绍了C#串口通信模块使用方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • C#实现强制关闭当前程序进程

    C#实现强制关闭当前程序进程

    这篇文章主要介绍了C#实现强制关闭当前程序进程,本文直接给出实现代码,可以实现完全Kill掉不留痕迹,需要的朋友可以参考下
    2015-06-06
  • C#从控制台读取字符串的方法

    C#从控制台读取字符串的方法

    这篇文章主要介绍了C#从控制台读取字符串的方法,实例分析了ReadLine方法的基本使用技巧,需要的朋友可以参考下
    2015-06-06
  • C#控制台程序的开发与打包为一个exe文件实例详解

    C#控制台程序的开发与打包为一个exe文件实例详解

    所谓控制台程序,就是没有界面,运行程序后只有一个黑色的类似cmd窗口,通过这个窗口进行交互,下面这篇文章主要给大家介绍了关于C#控制台程序的开发与打包为一个exe文件的相关资料,需要的朋友可以参考下
    2023-05-05
  • C# 多线程对资源读写时如何控制的方法

    C# 多线程对资源读写时如何控制的方法

    这篇文章主要介绍了C# 多线程对资源读写时如何控制的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06

最新评论