论坛

Unity3D 实现六角形花纹效果

   今天为大家分享一下，如何做一个六角形花纹效果的小Demo。
    欢迎加我的学习交流群： 575561285

    好吧!废话不多讲，我直接上图操作！

    1.新建一个Unity3d 项目，新建一个CameraFilterPack_AAA_SuperHexagon.shader文件。
  1. Shader "CameraFilterPack/AAA_Super_Hexagon" {
  2.         Properties
  3.         {
  4.                 _MainTex ("Base (RGB)", 2D) = "white" {}
  5.                 _TimeX ("Time", Range(0.0, 1.0)) = 1.0
  6.                 _Distortion ("_Distortion", Range(0.0, 1.0)) = 0.3
  7.                 _ScreenResolution ("_ScreenResolution", Vector) = (0.,0.,0.,0.)
  8.                 _Value ("_Value", Range(0.2, 10.0)) = 1
  9.                 _HexaColor ("_HexaColor", Color) = (1,1,1,1)
  10.                 _BorderSize ("_BorderSize", Range(-0.5, 0.5)) = 0.0
  11.                 _BorderColor ("_BorderColor", Color) = (1,1,1,1)
  12.                 _SpotSize ("_SpotSize", Range(0, 1.)) = 0.5
  13.                 _AlphaHexa ("_AlphaHexa", Range(0.2, 10.0)) = 1
  14.                 _PositionX ("_PositionX", Range(-0.5, 0.5)) = 0.0
  15.                 _PositionY ("_PositionY", Range(-0.5, 0.5)) = 0.0
  16.                 _Radius ("_Radius", Range(0, 1.)) = 0.5
  17.         }
  18.         SubShader
  19.         {
  20.                 Pass
  21.                 {
  22.                         ZTest Always
  23.                         CGPROGRAM
  24.                         #pragma vertex vert
  25.                         #pragma fragment frag
  26.                         #pragma fragmentoption ARB_precision_hint_fastest
  27.                         #pragma target 3.0
  28.                         #include "UnityCG.cginc"
  29.                        
  30.                        
  31.                         uniform sampler2D _MainTex;
  32.                         uniform float _TimeX;
  33.                         uniform float _Distortion;
  34.                         uniform float4 _ScreenResolution;
  35.                         uniform float _Value;
  36.                         uniform float _BorderSize;
  37.                         uniform float4 _BorderColor;
  38.                         uniform float4 _HexaColor;
  39.        
  40.                         uniform float _AlphaHexa;
  41.                                
  42.                         uniform float _PositionX;
  43.                         uniform float _PositionY;
  44.                         uniform float _Radius;                       
  45.                         uniform float _SpotSize;                       
  46.                        
  47.                        struct appdata_t
  48.             {
  49.                 float4 vertex   : POSITION;
  50.                 float4 color    : COLOR;
  51.                 float2 texcoord : TEXCOORD0;
  52.             };

  54.             struct v2f
  55.             {
  56.                   half2 texcoord  : TEXCOORD0;
  57.                   float4 vertex   : SV_POSITION;
  58.                   fixed4 color    : COLOR;
  59.            };   
  60.             
  61.                           v2f vert(appdata_t IN)
  62.             {
  63.                 v2f OUT;
  64.                 OUT.vertex = mul(UNITY_MATRIX_MVP, IN.vertex);
  65.                 OUT.texcoord = IN.texcoord;
  66.                 OUT.color = IN.color;
  67.                
  68.                 return OUT;
  69.             }
  70.             

  72. float hexDist(float2 a, float2 b){
  73.         float2 p = abs(b-a);
  74.         float s = 0.5;
  75.         float c = 0.8660254;
  76.        
  77.         float diagDist = s*p.x + c*p.y;
  78.         return max(diagDist, p.x)/c;
  79. }

  81. float2 nearestHex(float s, float2 st){
  82.         float h = 0.5*s;
  83.         float r = 0.8660254*s;
  84.         float b = s + 2.0*h;
  85.         float a = 2.0*r;
  86.         float m = h/r;

  88.         float2 sect = st/float2(2.0*r, h+s);
  89.         float2 sectPxl = fmod(st, float2(2.0*r, h+s));
  90.        
  91.         float aSection = fmod(floor(sect.y), 2.0);
  92.        
  93.         float2 coord = floor(sect);
  94.         if(aSection > 0.0){
  95.                 if(sectPxl.y < (h-sectPxl.x*m)){
  96.                         coord -= 1.0;
  97.                 }
  98.                 else if(sectPxl.y < (-h + sectPxl.x*m)){
  99.                         coord.y -= 1.0;
  100.                 }

  102.         }
  103.         else{
  104.                 if(sectPxl.x > r){
  105.                         if(sectPxl.y < (2.0*h - sectPxl.x * m)){
  106.                                 coord.y -= 1.0;
  107.                         }
  108.                 }
  109.                 else{
  110.                         if(sectPxl.y < (sectPxl.x*m)){
  111.                                 coord.y -= 1.0;
  112.                         }
  113.                         else{
  114.                                 coord.x -= 1.0;
  115.                         }
  116.                 }
  117.         }
  118.        
  119.         float xoff = fmod(coord.y, 2.0)*r;
  120.         return float2(coord.x*2.0*r-xoff, coord.y*(h+s))+float2(r*2.0, s);
  121. }



  125. inline float2 screenDistort(float2 uv)
  126. {
  127.         uv -= float2(.5,.5);
  128.         uv = uv*1.2*(1.0/1.2+2.*uv.x*uv.x*uv.y*uv.y);
  129.         uv += float2(.5,.5);
  130.         return uv;
  131. }

  133. float noise2(float n)
  134. {
  135.         return lerp(0,0.5,smoothstep(0.0,0.5,+fmod(n+0.5,1.0)));
  136. }


  139. float4 frag (v2f i) : COLOR
  140. {
  141.         float2 uv                 = i.texcoord.xy;
  142.         float   s                 = _Value * _ScreenResolution.x/160.0;
  143.         float2 nearest         = nearestHex(s, i.texcoord.xy * _ScreenResolution.xy);
  144.         float4 texel         = tex2D(_MainTex, nearest/_ScreenResolution.xy);
  145.         float4 texel2         = tex2D(_MainTex, uv);
  146.         uv = screenDistort(uv);
  147.         float2 uv2;
  148.         uv2 = uv.yy+float2(0.1*sin(_TimeX/3)*5,0.1*sin(_TimeX/5)*5);
  149.         float3 video = tex2D(_MainTex,uv2).rgb;
  150.         float vigAmt = 2.+.3*sin(15+5.*cos(5.));
  151.         float vignette = (1.-vigAmt*(uv.y-.5)*(uv.y-.5))*(1.-vigAmt*(uv.x-.5)*(uv.x-.5));
  152.         video += (12.+fmod(uv.y*10.+_TimeX,1.))/13.;
  153.         float2 center = float2(_PositionX,_PositionY);
  154.         float dist2 = 1.0 - smoothstep( _Radius,_Radius+0.15*_SpotSize, length(center - uv));
  155.         float dist                 = hexDist(i.texcoord.xy * _ScreenResolution.xy, nearest);
  156.         float luminance = (texel.r + texel.g + texel.b)/3.0;
  157.         float interiorSize = s*_BorderSize;//*(1-dist2*2);
  158.         float interior = 1.0 - smoothstep(interiorSize-1.0, interiorSize, dist);
  159.         float4 result;
  160.         result.rgb=lerp(_BorderColor.rgb,texel.rgb,interior);
  161.         float mem=1-noise2(_TimeX/4+uv.x);
  162.         result.rgb+=float3(mem,mem,mem);
  163.         result.rgb*=_HexaColor.rgb;
  164.         result.rgb/=video.rgb/2;
  165.         result /= vignette*2;
  166.         result.rgb=lerp(result.rgb,texel2.rgb,dist2);
  167.         result.rgb=lerp(result.rgb,texel2.rgb,1-_AlphaHexa);
  168.         result.a=1.0;
  169.         return float4(result);       
  170. }
  171.                        
  172.                         ENDCG
  173.                 }
  174.                
  175.         }
  176. }
复制代码


    2.我们新建一个CameraFilterPack_AAA_SuperHexagon.cs组件 ，并且直接附加在摄像机对象上。

  1. using UnityEngine;

  3. [ExecuteInEditMode]
  4. [AddComponentMenu ("Camera Filter Pack/AAA/Super Hexagon")]
  5. public class CameraFilterPack_AAA_SuperHexagon : MonoBehaviour {
  6.         #region Variables
  7.         public Shader SCShader;
  8.         [Range(0.0f, 1.0f)]
  9.         public float _AlphaHexa = 1.0f;
  10.         private float TimeX = 1.0f;
  11.         private Vector4 ScreenResolution;
  12.         private Material SCMaterial;
  13.         [Range(0.2f, 10.0f)]
  14.         public float HexaSize = 2.5f;
  15.         public float _BorderSize = 1.0f;
  16.         public Color _BorderColor = new Color (0.75f, 0.75f, 1, 1);
  17.         public Color _HexaColor = new Color (0, 0.5f, 1, 1);
  18.         public float _SpotSize = 2.5f;

  20.         public static float ChangeBorderSize = 1.0f;
  21.         public static Color ChangeBorderColor;
  22.         public static Color ChangeHexaColor;
  23.         public static float ChangeSpotSize = 1.0f;
  24.         public static float ChangeAlphaHexa = 1.0f;
  25.         public static float ChangeValue;
  26.         public Vector2 center = new Vector2(0.5f,0.5f);
  27.         public float Radius = 0.25f;

  29.         public static Vector2 Changecenter;
  30.         public static float ChangeRadius;
  31.        

  33.         #endregion
  34.        
  35.         #region Properties
  36.         Material material
  37.         {
  38.                 get
  39.                 {
  40.                         if(SCMaterial == null)
  41.                         {
  42.                                 SCMaterial = new Material(SCShader);
  43.                                 SCMaterial.hideFlags = HideFlags.HideAndDontSave;       
  44.                         }
  45.                         return SCMaterial;
  46.                 }
  47.         }
  48.         #endregion
  49.         void Start ()
  50.         {
  51.                 Changecenter = center;
  52.                 ChangeRadius = Radius;
  53.                 ChangeValue = HexaSize;
  54.                 ChangeAlphaHexa = _AlphaHexa;

  56.                 ChangeBorderSize = _BorderSize;
  57.                 ChangeBorderColor = _BorderColor;
  58.                 ChangeHexaColor = _HexaColor;
  59.                 ChangeSpotSize = _SpotSize;

  61.                 SCShader = Shader.Find("CameraFilterPack/AAA_Super_Hexagon");

  63.                 if(!SystemInfo.supportsImageEffects)
  64.                 {
  65.                         enabled = false;
  66.                         return;
  67.                 }
  68.         }
  69.        
  70.         void OnRenderImage (RenderTexture sourceTexture, RenderTexture destTexture)
  71.         {
  72.                 if(SCShader != null)
  73.                 {
  74.                         TimeX+=Time.deltaTime;
  75.                         if (TimeX>100)  TimeX=0;
  76.                         material.SetFloat("_TimeX", TimeX);
  77.                         material.SetFloat("_Value", HexaSize);
  78.                         material.SetFloat("_PositionX", center.x);
  79.                         material.SetFloat("_PositionY", center.y);
  80.                         material.SetFloat("_Radius", Radius);
  81.                         material.SetFloat("_BorderSize", _BorderSize);
  82.                         material.SetColor("_BorderColor", _BorderColor);
  83.                         material.SetColor("_HexaColor", _HexaColor);
  84.                         material.SetFloat("_AlphaHexa", _AlphaHexa);
  85.                         material.SetFloat("_SpotSize", _SpotSize);
  86.                         material.SetVector("_ScreenResolution",new Vector4(sourceTexture.width,sourceTexture.height,0.0f,0.0f));
  87.                         Graphics.Blit(sourceTexture, destTexture, material);
  88.                 }
  89.                 else
  90.                 {
  91.                         Graphics.Blit(sourceTexture, destTexture);       
  92.                 }

  94.         }
  95.         void OnValidate()
  96. {
  97.                 ChangeValue=HexaSize;
  98.                 Changecenter=center;
  99.                 ChangeRadius=Radius;
  100.                 ChangeBorderSize=_BorderSize;
  101.                 ChangeBorderColor=_BorderColor;
  102.                 ChangeHexaColor=_HexaColor;
  103.                 ChangeSpotSize=_SpotSize;
  104.                 ChangeAlphaHexa=_AlphaHexa;
  105. }
  106.         // Update is called once per frame
  107.         void Update ()
  108.         {
  109.                 if (Application.isPlaying)
  110.                 {
  111.                         HexaSize = ChangeValue;
  112.                         center = Changecenter;
  113.                         Radius = ChangeRadius;
  114.                         _BorderSize = ChangeBorderSize;
  115.                         _BorderColor = ChangeBorderColor;
  116.                         _HexaColor = ChangeHexaColor;
  117.                         _SpotSize = ChangeSpotSize;
  118.                         _AlphaHexa = ChangeAlphaHexa;
  119.                 }
  120.                 #if UNITY_EDITOR
  121.                 if (Application.isPlaying!=true)
  122.                 {
  123.                         SCShader = Shader.Find("CameraFilterPack/AAA_Super_Hexagon");
  124.                 }
  125.                 #endif

  127.         }
  128.        
  129.         void OnDisable ()
  130.         {
  131.                 if(SCMaterial)
  132.                 {
  133.                         DestroyImmediate(SCMaterial);       
  134.                 }
  135.         }

  137. }
复制代码


    3.因为操作比较简单，我们直奔终点看效果吧！
   

评论

暂无评论，来抢沙发

相关推荐

推广
开测游戏查看更多
奥星热浪派对游戏
限量删档测试
AndroidiOS
研发 : 奥星热浪工作室   
遮天世界策略
限量删档测试
Android
发行 : 腾讯   
湮灭之潮PC游戏
限量线下试玩
PC
研发 : 日蚀边缘工作室   
雾海之下搜打撤
限量删档测试
AndroidiOS
研发 : 网易游戏   
蜀山幻想志仙侠
删档计费测试
Android
发行 : 金鳞互娱   
山海烬墟角色扮演
公测
Android
研发 : 广州乐牛软件科技有限公司   
编辑推荐查看更多
失控进化
遗忘之海
《喇叭之城 (Phonopolis)》
夜幕之下
【爆款新游】【潜力佳作】分析系列
推广
类魂游戏设计专题
推广

微信公众号

微博 

头条号

投稿邮箱：news@gameres.com
产品、开测信息邮箱：cp@gameres.com