UnityShader实现2D水流效果的方法-创新互联
这篇文章主要讲解了Unity Shader实现2D水流效果的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
创新互联-专业网站定制、快速模板网站建设、高性价比阿拉尔网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式阿拉尔网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖阿拉尔地区。费用合理售后完善,10余年实体公司更值得信赖。水流的模拟主要运用了顶点变换和纹理动画的结合;
顶点变换中,利用正弦函数模拟河流的大致形态,例如波长,振幅等。
纹理动画中,将纹理坐标朝某一方向持续滚动以形成流动的效果。
脚本如下:
Shader "MyUnlit/ScrollWater" { Properties { _MainTex ("Texture", 2D) = "white" {} _Color("Color Tint",color)=(1,1,1,1) //控制水流波动的幅度,也就是三角函数中的振幅(值域范围) _Magnitude("Distortion Magnitude",float)=0.3 //控制周期的长度,值越大,周期越短,频率越高 _InvWaveLength("Distortion Inserve Wave Length",float)=1 //流动速度,用于纹理变换 _Speed("Speed",float)=0.1 } SubShader { //顶点动画需要禁用合P处理 Tags {"Queue"="Transparent" "RenderType"="Transparent" "IgnoreProjector"="true" "DisableBatching"="True"} Pass { //透明度混合:关闭深度写入+设置混合状态+禁用剔除(双面渲染) Tags{"lightmode"="forwardbase"} ZWrite off Blend SrcAlpha OneMinusSrcAlpha Cull off CGPROGRAM #pragma vertex vert #pragma fragment frag #pragma multi_compile_fog #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; UNITY_FOG_COORDS(1) float4 vertex : SV_POSITION; }; sampler2D _MainTex; float4 _MainTex_ST; fixed4 _Color; float _Magnitude; float _InvWaveLength; float _Speed; v2f vert (appdata v) { v2f o; float4 offset; //这里的方向可以自己选择,这里选择偏移x方向,其他方向的偏移保持不变 offset.yzw = float3(0, 0, 0); //利用正弦函数模拟河流整体的形状,最后乘以振幅 offset.x = sin((v.vertex.x + v.vertex.y + v.vertex.z)*_InvWaveLength)*_Magnitude; o.vertex = UnityObjectToClipPos(v.vertex+offset); //对uv进行某一方向的滚动以模拟水流,这里选择v向 o.uv = TRANSFORM_TEX(v.uv, _MainTex); o.uv += float2(0.0, _Time.y*_Speed); UNITY_TRANSFER_FOG(o,o.vertex); return o; } fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); col.rgb *= _Color.rgb; UNITY_APPLY_FOG(i.fogCoord, col); return col; } ENDCG } } FallBack "Transparent/VertexLit" }
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网站标题:UnityShader实现2D水流效果的方法-创新互联
网页路径:http://pwwzsj.com/article/coehip.html