欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Unity Shader实现径向模糊效果

程序员文章站 2022-03-03 11:01:29
在游戏里面有很多模糊效果,像赛车类游戏。当你加速时,会发现2边的场景变模糊。如下图:今天也来做一下径向模糊效果,首先创建一个material,给它添加一个纹理后将material拖到新建的plane上...

在游戏里面有很多模糊效果,像赛车类游戏。当你加速时,会发现2边的场景变模糊。如下图:

Unity Shader实现径向模糊效果

今天也来做一下径向模糊效果,首先创建一个material,给它添加一个纹理后将material拖到新建的plane上。如图所示,可以看出模糊效果是从中心点由内往外扩散。接下来脑子里有了步骤

步骤一:定义径向模糊的中心点,通常取图像的正中心点。
步骤二:计算采样像素与中心点的距离,根据距离确定偏移程度,即离中心点越远,偏移量越大。
步骤三:将采样点的颜色值做平均求和。

shader "liulongling/motion" {
 properties {
  _maintex("纹理",2d)="while"{}
  _level("强度",range(0,100))=10
 }
 subshader {
  pass
  {
     cgprogram
     #pragma vertex vert
     #pragma fragment frag
     #include "unitycg.cginc"
     sampler2d _maintex;
     float _level;
      struct v2f{
    fixed4 vertex:position;
    fixed2 uv:texcoord;
   };
 
   v2f vert(appdata_base v){
    v2f o;
    o.vertex=mul(unity_matrix_mvp,v.vertex);
    o.uv=v.texcoord;
    return o;
   }
 
      fixed4 frag(v2f i):color{  
       fixed4 c;
 
    fixed2 center=fixed2(.5,.5);
    fixed2 uv=i.uv-center;
    fixed3 c1=fixed3(0,0,0);
    for(fixed j=0;j<_level;j++){
     c1+=tex2d(_maintex,uv*(1-0.01*j)+center).rgb;
    }
    c.rgb=c1/_level;
    c.a=1;
    return c;
      }
     endcg
  }
 }
}

效果如下:

Unity Shader实现径向模糊效果

Unity Shader实现径向模糊效果

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