Unity Shader实现径向模糊效果

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

今天也来做一下径向模糊效果，首先创建一个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
  }
 }
}

效果如下：

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

赞 (0)

相关推荐

  • UnityShader使用图像叠加实现运动模糊

    UnityShader使用图像叠加实现运动模糊

    本文实例为大家分享了UnityShader实现运动模糊的具体代码,供大家参考,具体内容如下 1.此代码挂在摄像机上,使摄像机运动起来 using UnityEngine; using System.Collections; public class Translating : MonoBehaviour { public float speed = 10.0f; public Vector3 startPoint = Vector3.zero; public Vector3 endPoint =

  • UnityShader使用速度映射图实现运动模糊

    UnityShader使用速度映射图实现运动模糊

    本文实例为大家分享了UnityShader实现运动模糊的具体代码,供大家参考,具体内容如下 原理: 像素的当前帧的NDC坐标(x,y值由uv映射而来,z值由深度值映射而来)--(使用_CurrentViewProjectionInverseMartix变换,并除以w分量)-- 像素的世界坐标 --(使用_PreviousViewProjectionMatrix变换,并除以w分量)-- 像素的前一帧的NDC坐标 -- (当前帧NDC-前一帧NDC)-- 速度 1.此代码挂在摄像机上,使摄像机运动起

  • Unity3D UGUI特效之Image高斯模糊效果

    这几天研究了下模糊特效,看了很多文章,其原理就是拿取图片或屏幕数据,然后将周围的元素和目标位置的颜色值进行一个融合计算,然后自己写了一个小小的测试程序. 这个模糊也可以分成两种,一个是自身模糊,一个是从屏幕上取值进行模糊.第一个用于一些小的列表展示,比如未解锁时,是模糊的.第二个是凸显弹框效果的,将背景都模糊掉,自己将这个稍微加强了些可以指定模糊一个位置. 针对移动平台,使用高斯模糊,其实效率不是很高,如果要很好的效果,那么速度卡:如果要速度快,那么效果达不到要求.但是还是在这里记录下,兴许以后

  • Unity shader实现高斯模糊效果

    Unity shader实现高斯模糊效果

    本文实例为大家分享了Unity shader实现高斯模糊效果的具体代码,供大家参考,具体内容如下 正常图: 高斯模糊效果图: shader代码: Shader "Custom/GaoSiMoHu" { Properties { _MainTex ("Texture", 2D) = "white" {} _BlurSize("Blur size",Float)=1.0 } SubShader { ZTest Always cul

  • Unity中3DText显示模糊不清的解决方案

    Unity中3DText显示模糊不清的解决方案

    在Unity中,当我们想要给3D物体一个文字说明时,使用Canvas下的Text虽然也能通过缩放实现,但是实现起来比较麻烦,改动的多,大小和位置也不容易控制. 此时就需要用到我们的3DText了,对于初次使用这个组件的"攻城狮"来说,会发现在Game场景中很模糊 具体修改操作如下: 此时,只需要选中当前3DText的物体,修改TextMesh组件下的Character Size和Font Size两个属性值.例如: 在这里,Character Size值越小,同时Font Size越大

  • Unity Shader实现径向模糊效果

    Unity Shader实现径向模糊效果

    在游戏里面有很多模糊效果,像赛车类游戏.当你加速时,会发现2边的场景变模糊.如下图: 今天也来做一下径向模糊效果,首先创建一个Material,给它添加一个纹理后将Material拖到新建的Plane上.如图所示,可以看出模糊效果是从中心点由内往外扩散.接下来脑子里有了步骤 步骤一:定义径向模糊的中心点,通常取图像的正中心点. 步骤二:计算采样像素与中心点的距离,根据距离确定偏移程度,即离中心点越远,偏移量越大. 步骤三:将采样点的颜色值做平均求和. Shader "liulongling/mo

  • Unity Shader实现模糊效果

    Unity Shader实现模糊效果

    本文实例为大家分享了Unity Shader实现模糊效果的具体代码,供大家参考,具体内容如下 今天分享一个超简单实现模糊效果的方法,先上图: 核心代码就这句: 注意要在3.0以上的版本才能使用 在采样后做偏移采样再叠加,效果与下面的代码类似: float4 frag(v2f o):SV_TARGET{ fixed4 color = tex2D(_MainTex,o.uv);//,float2(_Scale,_Scale),float2(_Scale,_Scale) float2 uv1= o.u

  • Unity shader实现遮罩效果

    Unity shader实现遮罩效果

    本文实例为大家分享了Unity shader实现遮罩效果的具体代码,供大家参考,具体内容如下 效果: shader代码: Shader "Custom/Mask" { Properties { _MainTex ("Base (RGB)", 2D) = "white" {}//目标图片,即需要被遮罩的图片 _MaskLayer("Culling Mask",2D) = "white"{}//混合的图片,设置

  • Unity shader实现消融效果

    Unity shader实现消融效果

    本文实例为大家分享了Unity shader实现消融效果的具体代码,供大家参考,具体内容如下 效果图: shader代码: // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "Custom/EdgeColo" { Properties { _MainTex ("Texture", 2D) = "white" {} _N

  • Unity Shader实现序列帧动画效果

    本文实例为大家分享了Unity Shader序列帧动画效果的具体代码,供大家参考,具体内容如下   实现原理 主要的思想是设置显示UV纹理的大小,并逐帧修改图片的UV坐标.(可分为以下四步) 1.我们首先把 _Time.y 和速度属性_Speed 相乘来得到模拟的时间,并使用CG 的floor 函数对结果值取整来得到整数时间time 2.然后,我们使用time 除以_HorizontalAmount 的结果值的商来作为当前对应的行索引,除法结果的余数则是列索引. 3.接下来,我们需要使用行列索引

  • Unity shader实现自由放大缩小效果

    Unity shader实现自由放大缩小效果

    本文实例为大家分享了Unity shader实现自由放大缩小效果的具体代码,供大家参考,具体内容如下 代码: 以下实现的shader代码: Shader "Hidden/Wave" { Properties { _MainTex ("Texture", 2D) = "white" {} _WaveWidth("Wave Width",float) = 0.5 _CenterX("CenterX",float

  • unity shader实现较完整光照效果

    unity shader实现较完整光照效果

    本文实例为大家分享了unity shader实现光照效果的具体代码,供大家参考,具体内容如下 效果图: shader被附给了球. 灯光需要在属性面板开启阴影. // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "Unlit/lightFull" { Properties { _MainTex ("Texture", 2D) = "

  • Unity Shader实现翻书效果

    Unity Shader实现翻书效果

    今天实现一个简单的翻书的效果,话不多说,先上一张效果图: 这里就随便用的一张纹理了,我们还是称为"翻木板"吧,哈哈. 实现过程: 其实这个效果实现起来还是挺简单的,大概思路其实就是 让所有顶点都绕Z轴旋转,并且通过正余弦使之带有一点弧度. 下面开始让我们一步一步的实现该效果. 首先打开Unity新建一个工程,场景,并且创建一个名为openBookEffect的Shader文件,删掉原本多余的代码. 第一步,我们先让它绕z轴旋转起来 这里就要用到一个旋转矩阵了,让顶点左乘该矩阵,就能得到

  • Unity shader实现百叶窗特效

    本文实例为大家分享了Unity shader百叶窗展示的具体代码,供大家参考,具体内容如下 1.将图片划分为水平N栏,代码如下: Shader "Unlit/BYCShader" { Properties { [PerRendererData] _MainTex ("Sprite Texture", 2D) = "white" {} _Color ("Tint", Color) = (1,1,1,1) _StencilComp

随机推荐