（轉）【風宇衝】Unity3D教程寶典之Blur

原創文章如需轉載請註明：轉載自風宇衝Unity3D教程學院

 

                               

                Blur
Blur模糊其實理解了以後非常簡單。核心原理就是 1個點的顏色 並不用該點的顏色，而是用該點周圍所有點的均值 (1)確定取點範圍， 例如周圍3個畫素 或者周圍10個畫素 (2)確定各點權重，這也是高斯模糊的由來，主要顏色分配的比重為正態分佈，即高斯分佈。
例子1：最簡單的模糊 (1)新場景，plane上面放一張貼圖 (2)plane上的shader如下

1. Shader "Custom/ObjectBlur" {
2.     Properties {
3.         _MainTex ("Base (RGB)", 2D) = "white" {}
4.     }
5.     SubShader
6.     {
7.          Tags{"Queue"="Transparent"}
8.      
9.         pass
10.         {
11.             CGPROGRAM
12.             #pragma vertex vert
13.             #pragma fragment frag
14.            
15.             #include "UnityCG.cginc"
16.             sampler2D _MainTex;
17.             float4 _MainTex_ST;
18.             float uvOffset;
19.            
20.             struct v2f {
21.                 float4  pos : SV_POSITION;
22.                 float2  uv : TEXCOORD0;
23.             } ;
24.             v2f vert (appdata_base v)
25.             {
26.                 v2f o;
27.                 o.pos = mul(UNITY_MATRIX_MVP,v.vertex);
28.                 o.uv =  TRANSFORM_TEX(v.texcoord,_MainTex);
29.                 return o;
30.             }
31.             float4 frag (v2f i) : COLOR
32.             {
33.                 float4 s1 = tex2D(_MainTex,i.uv + float2(uvOffset,0.00));
34.                 float4 s2 = tex2D(_MainTex,i.uv + float2(-uvOffset,0.00));
35.                 float4 s3 = tex2D(_MainTex,i.uv + float2(0.00,uvOffset));
36.                 float4 s4 = tex2D(_MainTex,i.uv + float2(0.00,-uvOffset));
37.                
38.                 float4 texCol = tex2D(_MainTex,i.uv);
39.                 float4 outp;
40.                
41.                 float pct=0.2;
42.                 outp = texCol* (1- pct*4) + s1* pct + s2* pct+ s3* pct + s4* pct;
43.                 return outp;
44.             }
45.             ENDCG
46.         }
47.     }
48. }

以及BlurManager.cs指令碼，如下

1. using UnityEngine;
2. using System.Collections;
3. public class BlurManager : MonoBehaviour {
4.     private float length =3f;
5.     private float showTime = -100;
6.     private float hideTime = -100;
7.     void Update () {
8.         if(showTime >0)
9.         {
10.             showTime -= Time.deltaTime;
11.             Shader.SetGlobalFloat("uvOffset", (showTime/length) * 0.005f);
12.         }
13.        
14.         if(hideTime >0)
15.         {
16.             hideTime -= Time.deltaTime;
17.             Shader.SetGlobalFloat("uvOffset", (1- hideTime/length) * 0.005f);
18.         }
19.     }
20.    
21.     void OnGUI()
22.     {
23.         if(GUI.Button(new Rect(0,0,100,50),"Show"))
24.         {
25.             showTime = length;
26.         }
27.        
28.         if(GUI.Button(new Rect(100,0,100,50),"Hide"))
29.         {
30.             hideTime = length;
31.         }
32.     }
33. }

執行後，點選show按鈕,圖會從模糊變清晰，點選hide按鈕會從清晰變模糊。 這基本是最簡單的模糊了，取本點 和其上下左右的4個偏移點。各點權重均為0.2。uv偏移從0至0.005 效果如下圖還不錯。
原圖
模糊後的效果
參考文章