devbox
小丑西瓜9
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

FairyGUI-Unity 自定义UIShader_fairygui line space

作者：小丑西瓜9 | 2024-02-18 17:35:26

赞

踩

fairygui line space

FairyGUI中给组件更换Shader，最简单的方式就是找到组件中的Shader字段进行赋值。需要注意的是，对于自定的shader效果需要将目标图片进行单独发布，也就是一个目标图片占用一张图集。（应该会有更好的解决办法，但目前还是就先这样子）

本篇文章中的Shader源码来自于对官方的“FairyGUI/Image”修改，修改部分的源码来自于网络。

示例：加载Shader

代码中加载自定义Shader：

  1. local logoImg = this.GetChild("n2").asImage
  2. logoImg.shader = "FairyGUI/Image-Light"

一：扫光Shader

  1. // Upgrade NOTE: replaced '_Object2World' with 'unity_ObjectToWorld'
  2. // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'
  3. Shader "FairyGUI/Image-Light"
  4. {
  5.     Properties
  6.     {
  7.         _MainTex ("Base (RGB), Alpha (A)", 2D) = "black" {}
  8.         _StencilComp ("Stencil Comparison", Float) = 8
  9.         _Stencil ("Stencil ID", Float) = 0
  10.         _StencilOp ("Stencil Operation", Float) = 0
  11.         _StencilWriteMask ("Stencil Write Mask", Float) = 255
  12.         _StencilReadMask ("Stencil Read Mask", Float) = 255
  13.         _ColorMask ("Color Mask", Float) = 15
  14.         _BlendSrcFactor ("Blend SrcFactor", Float) = 5
  15.         _BlendDstFactor ("Blend DstFactor", Float) = 10
  16.         [Header(Light)]
  17.         //扫光时间
  18.         _LightTime("Light Time", Float) = 1
  19.         //扫光厚度
  20.         _LightThick("Light Thick", Float) = 0.2
  21.         //循环时间
  22.         _LightInterval("Light Interval", Float) = 2
  23.         //扫光角度
  24.         _LightAngle("Light Angle", int) = 60
  25.         //亮度
  26.         _Brightness("Light Brightness",float) = 1
  27.         //扫光颜色
  28.         _LightColor ("Light Color", Color) = (1,1,1,1)
  29.     }
  30.     SubShader
  31.     {
  32.         LOD 100
  33.         Tags
  34.         {
  35.             "Queue" = "Transparent"
  36.             "IgnoreProjector" = "True"
  37.             "RenderType" = "Transparent"
  38.         }
  39.         Stencil
  40.         {
  41.             Ref [_Stencil]
  42.             Comp [_StencilComp]
  43.             Pass [_StencilOp]
  44.             ReadMask [_StencilReadMask]
  45.             WriteMask [_StencilWriteMask]
  46.         }
  47.         Cull Off
  48.         Lighting Off
  49.         ZWrite Off
  50.         Fog
  51.         {
  52.             Mode Off
  53.         }
  54.         Blend [_BlendSrcFactor] [_BlendDstFactor], One One
  55.         ColorMask [_ColorMask]
  56.         Pass
  57.         {
  58.             CGPROGRAM
  59.             #pragma multi_compile NOT_COMBINED COMBINED
  60.             #pragma multi_compile NOT_GRAYED GRAYED COLOR_FILTER
  61.             #pragma multi_compile NOT_CLIPPED CLIPPED SOFT_CLIPPED ALPHA_MASK
  62.             #pragma vertex vert
  63.             #pragma fragment frag
  64.             #include "UnityCG.cginc"
  65.             struct appdata_t
  66.             {
  67.                 float4 vertex : POSITION;
  68.                 fixed4 color : COLOR;
  69.                 float4 texcoord : TEXCOORD0;
  70.             };
  71.             struct v2f
  72.             {
  73.                 float4 vertex : SV_POSITION;
  74.                 fixed4 color : COLOR;
  75.                 float4 texcoord : TEXCOORD0;
  76.                 #ifdef CLIPPED
  77.                     float2 clipPos : TEXCOORD1;
  78.                 #endif
  79.                 #ifdef SOFT_CLIPPED
  80.                     float2 clipPos : TEXCOORD1;
  81.                 #endif
  82.             };
  83.             sampler2D _MainTex;
  84.             half _LightTime;
  85.             float _LightThick;
  86.             float _LightInterval;
  87.             int _LightAngle;
  88.             float _Brightness;
  89.             float4 _LightColor;
  90.             #ifdef COMBINED
  91.                 sampler2D _AlphaTex;
  92.             #endif
  93.             CBUFFER_START(UnityPerMaterial)
  94.             #ifdef CLIPPED
  95.                 float4 _ClipBox = float4(-2, -2, 0, 0);
  96.             #endif
  97.             #ifdef SOFT_CLIPPED
  98.                 float4 _ClipBox = float4(-2, -2, 0, 0);
  99.                 float4 _ClipSoftness = float4(0, 0, 0, 0);
  100.             #endif
  101.             CBUFFER_END
  102.             #ifdef COLOR_FILTER
  103.                 float4x4 _ColorMatrix;
  104.                 float4 _ColorOffset;
  105.                 float _ColorOption = 0;
  106.             #endif
  107.             v2f vert(appdata_t v)
  108.             {
  109.                 v2f o;
  110.                 o.vertex = UnityObjectToClipPos(v.vertex);
  111.                 o.texcoord = v.texcoord;
  112.                 #if !defined(UNITY_COLORSPACE_GAMMA) && (UNITY_VERSION >= 550)
  113.                     o.color.rgb = GammaToLinearSpace(v.color.rgb);
  114.                     o.color.a = v.color.a;
  115.                 #else
  116.                 o.color = v.color;
  117.                 #endif
  118.                 #ifdef CLIPPED
  119.                     o.clipPos = mul(unity_ObjectToWorld, v.vertex).xy * _ClipBox.zw + _ClipBox.xy;
  120.                 #endif
  121.                 #ifdef SOFT_CLIPPED
  122.                     o.clipPos = mul(unity_ObjectToWorld, v.vertex).xy * _ClipBox.zw + _ClipBox.xy;
  123.                 #endif
  124.                 return o;
  125.             }
  126.             fixed4 frag(v2f i) : SV_Target
  127.             {
  128.                 fixed4 col = tex2D(_MainTex, i.texcoord.xy / i.texcoord.w) * i.color;
  129.                 //扫光代码来源 https://blog.csdn.net/u014621871/article/details/122685044
  130.                 //光照的流逝时间
  131.                 fixed currentTimePassed = fmod(_Time.y, _LightTime + _LightInterval);
  132.                 fixed x = currentTimePassed / _LightTime;
  133.                 
  134.                 //倾斜角 1°≈0.0174444
  135.                 float angleInRad = 0.0174444 * _LightAngle;
  136.                 
  137.                 fixed tanX = tan(angleInRad);
  138.                 x += (x - 1) / tanX;
  139.                 
  140.                 fixed x1 = i.texcoord.y / tanX + x;
  141.                 fixed x2 = x1 + _LightThick;
  142.                 if (i.texcoord.x > x1 && i.texcoord.x < x2)
  143.                 {
  144.                     //差值计算，根据与中心的距离的比例来计算亮度
  145.                     float xMid = 0.5 * (x1 + x2);
  146.                     fixed dis = 1 - abs(i.texcoord.x - xMid) * 2 / _LightThick;
  147.                     half colorA = col.a;
  148.                     //扫光的颜色*强度+默认颜色输出
  149.                     col += col + _LightColor * (_Brightness * dis);
  150.                     col.a = colorA;
  151.                 }
  152.                 
  153.                 #ifdef COMBINED
  154.                     col.a *= tex2D(_AlphaTex, i.texcoord.xy / i.texcoord.w).g;
  155.                 #endif
  156.                 #ifdef GRAYED
  157.                     fixed grey = dot(col.rgb, fixed3(0.299, 0.587, 0.114));
  158.                     col.rgb = fixed3(grey, grey, grey);
  159.                 #endif
  160.                 #ifdef SOFT_CLIPPED
  161.                     float2 factor = float2(0,0);
  162.                     if(i.clipPos.x<0)
  163.                         factor.x = (1.0-abs(i.clipPos.x)) * _ClipSoftness.x;
  164.                     else
  165.                         factor.x = (1.0-i.clipPos.x) * _ClipSoftness.z;
  166.                     if(i.clipPos.y<0)
  167.                         factor.y = (1.0-abs(i.clipPos.y)) * _ClipSoftness.w;
  168.                     else
  169.                         factor.y = (1.0-i.clipPos.y) * _ClipSoftness.y;
  170.                     col.a *= clamp(min(factor.x, factor.y), 0.0, 1.0);
  171.                 #endif
  172.                 #ifdef CLIPPED
  173.                     float2 factor = abs(i.clipPos);
  174.                     col.a *= step(max(factor.x, factor.y), 1);
  175.                 #endif
  176.                 #ifdef COLOR_FILTER
  177.                     if (_ColorOption == 0)
  178.                     {
  179.                         fixed4 col2 = col;
  180.                         col2.r = dot(col, _ColorMatrix[0]) + _ColorOffset.x;
  181.                         col2.g = dot(col, _ColorMatrix[1]) + _ColorOffset.y;
  182.                         col2.b = dot(col, _ColorMatrix[2]) + _ColorOffset.z;
  183.                         col2.a = dot(col, _ColorMatrix[3]) + _ColorOffset.w;
  184.                         col = col2;
  185.                     }
  186.                     else //premultiply alpha
  187.                         col.rgb *= col.a;
  188.                 #endif
  189.                 #ifdef ALPHA_MASK
  190.                     clip(col.a - 0.001);
  191.                 #endif
  192.                 return col;
  193.             }
  194.             ENDCG
  195.         }
  196.     }
  197. }

二：循环背景图

  1. // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'
  2.  
  3. // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'
  4.  
  5. // Upgrade NOTE: replaced '_Object2World' with 'unity_ObjectToWorld'
  6. // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'
  7.  
  8. Shader "FairyGUI/Image-Loop"
  9. {
  10.     Properties
  11.     {
  12.         _MainTex ("Base (RGB), Alpha (A)", 2D) = "black" {}
  13.  
  14.         _StencilComp ("Stencil Comparison", Float) = 8
  15.         _Stencil ("Stencil ID", Float) = 0
  16.         _StencilOp ("Stencil Operation", Float) = 0
  17.         _StencilWriteMask ("Stencil Write Mask", Float) = 255
  18.         _StencilReadMask ("Stencil Read Mask", Float) = 255
  19.  
  20.         _ColorMask ("Color Mask", Float) = 15
  21.  
  22.         _BlendSrcFactor ("Blend SrcFactor", Float) = 5
  23.         _BlendDstFactor ("Blend DstFactor", Float) = 10
  24.  
  25.         _Speed("Speed", Range(0,3)) = 0.1
  26.         _Rotation("Rotation", Range(0,360)) = 225 //为了方便直观，角度的值使用了0～360范围
  27.     }
  28.  
  29.     SubShader
  30.     {
  31.         LOD 100
  32.  
  33.         Tags
  34.         {
  35.             "Queue" = "Transparent"
  36.             "IgnoreProjector" = "True"
  37.             "RenderType" = "Transparent"
  38.         }
  39.  
  40.         Stencil
  41.         {
  42.             Ref [_Stencil]
  43.             Comp [_StencilComp]
  44.             Pass [_StencilOp]
  45.             ReadMask [_StencilReadMask]
  46.             WriteMask [_StencilWriteMask]
  47.         }
  48.  
  49.         Cull Off
  50.         Lighting Off
  51.         ZWrite Off
  52.         Fog
  53.         {
  54.             Mode Off
  55.         }
  56.         Blend [_BlendSrcFactor] [_BlendDstFactor], One One
  57.         ColorMask [_ColorMask]
  58.  
  59.         Pass
  60.         {
  61.             Blend SrcAlpha OneMinusSrcAlpha
  62.             CGPROGRAM
  63.             #pragma multi_compile NOT_COMBINED COMBINED
  64.             #pragma multi_compile NOT_GRAYED GRAYED COLOR_FILTER
  65.             #pragma multi_compile NOT_CLIPPED CLIPPED SOFT_CLIPPED ALPHA_MASK
  66.             #pragma vertex vert
  67.             #pragma fragment frag
  68.             #pragma shader_feature _FlipY
  69.  
  70.             #include "UnityCG.cginc"
  71.  
  72.             struct appdata_t
  73.             {
  74.                 float4 vertex : POSITION;
  75.                 fixed4 color : COLOR;
  76.                 float4 texcoord : TEXCOORD0;
  77.             };
  78.  
  79.             struct v2f
  80.             {
  81.                 float4 vertex : SV_POSITION;
  82.                 fixed4 color : COLOR;
  83.                 float4 texcoord : TEXCOORD0;
  84.                 half2 uvTA: TEXCOORD2;
  85.  
  86.                 #ifdef CLIPPED
  87.                     float2 clipPos : TEXCOORD1;
  88.                 #endif
  89.  
  90.                 #ifdef SOFT_CLIPPED
  91.                     float2 clipPos : TEXCOORD1;
  92.                 #endif
  93.             };
  94.  
  95.             sampler2D _MainTex;
  96.             float _Speed;
  97.             float _Rotation;
  98.             uniform half4 _MainTex_ST;
  99.  
  100.             #ifdef COMBINED
  101.                 sampler2D _AlphaTex;
  102.             #endif
  103.  
  104.             CBUFFER_START(UnityPerMaterial)
  105.             #ifdef CLIPPED
  106.                 float4 _ClipBox = float4(-2, -2, 0, 0);
  107.             #endif
  108.  
  109.             #ifdef SOFT_CLIPPED
  110.                 float4 _ClipBox = float4(-2, -2, 0, 0);
  111.                 float4 _ClipSoftness = float4(0, 0, 0, 0);
  112.             #endif
  113.             CBUFFER_END
  114.  
  115.             #ifdef COLOR_FILTER
  116.                 float4x4 _ColorMatrix;
  117.                 float4 _ColorOffset;
  118.                 float _ColorOption = 0;
  119.             #endif
  120.  
  121.             v2f vert(appdata_t v)
  122.             {
  123.                 v2f o;
  124.                 o.vertex = UnityObjectToClipPos(v.vertex);
  125.                 #if !defined(UNITY_COLORSPACE_GAMMA) && (UNITY_VERSION >= 550)
  126.                     o.color.rgb = GammaToLinearSpace(v.color.rgb);
  127.                     o.color.a = v.color.a;
  128.                 #else
  129.                 o.color = v.color;
  130.                 #endif
  131.  
  132.                 #ifdef CLIPPED
  133.                     o.clipPos = mul(unity_ObjectToWorld, v.vertex).xy * _ClipBox.zw + _ClipBox.xy;
  134.                 #endif
  135.  
  136.                 #ifdef SOFT_CLIPPED
  137.                     o.clipPos = mul(unity_ObjectToWorld, v.vertex).xy * _ClipBox.zw + _ClipBox.xy;
  138.                 #endif
  139.  
  140.                 float Rot = _Rotation * (3.1415926f / 180.0f);
  141.                 float s = sin(Rot);
  142.                 float c = cos(Rot);
  143.  
  144.                 o.texcoord = v.texcoord;
  145.                 o.uvTA = (v.texcoord) * _MainTex_ST.xy + fixed2(s, c) * (_Time.y * _Speed) - _MainTex_ST.zw;
  146.  
  147.                 return o;
  148.             }
  149.  
  150.             fixed4 frag(v2f i) : SV_Target
  151.             {
  152.                 fixed4 col = tex2D(_MainTex, i.uvTA).rgba * i.color;
  153.  
  154.                 #ifdef COMBINED
  155.                     col.a *= tex2D(_AlphaTex, i.texcoord.xy / i.texcoord.w).g;
  156.                 #endif
  157.  
  158.                 #ifdef GRAYED
  159.                     fixed grey = dot(col.rgb, fixed3(0.299, 0.587, 0.114));
  160.                     col.rgb = fixed3(grey, grey, grey);
  161.                 #endif
  162.  
  163.                 #ifdef SOFT_CLIPPED
  164.                     float2 factor = float2(0,0);
  165.                     if(i.clipPos.x<0)
  166.                         factor.x = (1.0-abs(i.clipPos.x)) * _ClipSoftness.x;
  167.                     else
  168.                         factor.x = (1.0-i.clipPos.x) * _ClipSoftness.z;
  169.                     if(i.clipPos.y<0)
  170.                         factor.y = (1.0-abs(i.clipPos.y)) * _ClipSoftness.w;
  171.                     else
  172.                         factor.y = (1.0-i.clipPos.y) * _ClipSoftness.y;
  173.                     col.a *= clamp(min(factor.x, factor.y), 0.0, 1.0);
  174.                 #endif
  175.  
  176.                 #ifdef CLIPPED
  177.                     float2 factor = abs(i.clipPos);
  178.                     col.a *= step(max(factor.x, factor.y), 1);
  179.                 #endif
  180.  
  181.                 #ifdef COLOR_FILTER
  182.                     if (_ColorOption == 0)
  183.                     {
  184.                         fixed4 col2 = col;
  185.                         col2.r = dot(col, _ColorMatrix[0]) + _ColorOffset.x;
  186.                         col2.g = dot(col, _ColorMatrix[1]) + _ColorOffset.y;
  187.                         col2.b = dot(col, _ColorMatrix[2]) + _ColorOffset.z;
  188.                         col2.a = dot(col, _ColorMatrix[3]) + _ColorOffset.w;
  189.                         col = col2;
  190.                     }
  191.                     else //premultiply alpha
  192.                         col.rgb *= col.a;
  193.                 #endif
  194.  
  195.                 #ifdef ALPHA_MASK
  196.                     clip(col.a - 0.001);
  197.                 #endif
  198.  
  199.                 return col;
  200.             }
  201.             ENDCG
  202.         }
  203.     }
  204. }

参考：

1、UGUI扫光shader

2、无限循环背景的制作

如果有问题可以留言指出！感谢！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/109459
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号