Unity动态高斯模糊效果Shader

置顶 已于 2023-12-21 14:03:52 修改
阅读量1.3k 收藏 8
点赞数 11
文章标签： unity 材质 c#
于 2023-12-21 13:37:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63521922/article/details/135128159
版权

效果展示：

  • 可以根据具体值更改模糊程度

  • 也可以根据时间进行渐变模糊

如何使用?

  • 首先创建一个空物体，将SetMotionBlur脚本挂到空物体上

  • 新建一个Image，并适应Canvas，将TS_MotionBlur材质球挂上即可

实现代码：

  • Shader代码，用于实现高斯模糊效果

Shader "TS/MotionBlur"
{
    Properties
    {
        _Color("Main Color", Color) = (1,1,1,1)
        _Size("Size", Range(0, 20)) = 1
    }
        Category{

        // We must be transparent, so other objects are drawn before this one.  
        Tags {
            "Queue" = "Transparent"
            "IgnoreProjector" = "True"
            "RenderType" = "Transparent"
            "PreviewType" = "Plane"
            "CanUseSpriteAtlas" = "True"
        }


        SubShader {

                // Horizontal blur  
                GrabPass
                {
                    Tags { "LightMode" = "Always" }
                }
                Pass {
                    Tags { "LightMode" = "Always" }

                    Name "MotionBlur"
                    CGPROGRAM
                    #pragma vertex vert  
                    #pragma fragment frag  
                    #pragma fragmentoption ARB_precision_hint_fastest  
                    #include "UnityCG.cginc"  

                    struct appdata_t {
                        float4 vertex : POSITION;
                        float2 texcoord : TEXCOORD0;
                        float4 color    : COLOR;
                    };

                    struct v2f {
                        float4 vertex : POSITION;
                        float4 uvgrab : TEXCOORD0;
                        float4 color    : COLOR;
                    };

                    v2f vert(appdata_t v) {
                        v2f o;
                        o.vertex = UnityObjectToClipPos(v.vertex);
                        #if UNITY_UV_STARTS_AT_TOP  
                        float scale = -1.0;
                        #else  
                        float scale = 1.0;
                        #endif  
                        o.uvgrab.xy = (float2(o.vertex.x, o.vertex.y * scale) + o.vertex.w) * 0.5;
                        o.uvgrab.zw = o.vertex.zw;

                        o.color = v.color;
                        return o;
                    }

                    sampler2D _GrabTexture;
                    float4 _GrabTexture_TexelSize;
                    float4 _MainTex_TexelSize;
                    float _Size;
                    uniform float4 _Color;

                    half4 GrabPixel(v2f i, float weight, float kernel) {
                        kernel = sign(sign(abs(i.uvgrab.x)) + sign(abs(i.uvgrab.y))) * kernel;
                        return tex2Dproj(_GrabTexture, UNITY_PROJ_COORD(float4(i.uvgrab.x + _GrabTexture_TexelSize.x * kernel * _Size, i.uvgrab.y, i.uvgrab.z, i.uvgrab.w))) * weight;
                    }
                    half4 frag(v2f i) : COLOR {
                        half4 sum = half4(0,0,0,0);
                        sum += GrabPixel(i, 0.05, -4.0);
                        sum += GrabPixel(i, 0.09, -3.0);
                        sum += GrabPixel(i, 0.12, -2.0);
                        sum += GrabPixel(i, 0.15, -1.0);
                        sum += GrabPixel(i, 0.18,  0.0);
                        sum += GrabPixel(i, 0.15, +1.0);
                        sum += GrabPixel(i, 0.12, +2.0);
                        sum += GrabPixel(i, 0.09, +3.0);
                        sum += GrabPixel(i, 0.05, +4.0);

                        float4 col5 = tex2Dproj(_GrabTexture, UNITY_PROJ_COORD(i.uvgrab));
                        fixed decayFactor = sign(sign(abs(i.uvgrab.x)) + sign(abs(i.uvgrab.y)));
                        sum = lerp(col5, sum, decayFactor) * i.color * _Color;

                        return sum;
                    }
                    ENDCG
                }

         
        GrabPass {
            Tags { "LightMode" = "Always" }
        }
        Pass {
            Tags { "LightMode" = "Always" }

            Name "MotionBlur"
            CGPROGRAM
            #pragma vertex vert  
            #pragma fragment frag  
            #pragma fragmentoption ARB_precision_hint_fastest  
            #include "UnityCG.cginc"  

            struct appdata_t {
                float4 vertex : POSITION;
                float2 texcoord: TEXCOORD0;
                float4 color    : COLOR;
            };

            struct v2f {
                float4 vertex : POSITION;
                float4 uvgrab : TEXCOORD0;
                float4 color    : COLOR;
            };

            v2f vert(appdata_t v) {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                #if UNITY_UV_STARTS_AT_TOP  
                float scale = -1.0;
                #else  
                float scale = 1.0;
                #endif  
                o.uvgrab.xy = (float2(o.vertex.x, o.vertex.y * scale) + o.vertex.w) * 0.5;
                o.uvgrab.zw = o.vertex.zw;

                o.color = v.color;
                return o;
            }

            sampler2D _GrabTexture;
            float4 _GrabTexture_TexelSize;
            float _Size;
            uniform float4 _Color;

            half4 GrabPixel(v2f i, float weight, float kernel) {
                kernel = sign(sign(abs(i.uvgrab.x)) + sign(abs(i.uvgrab.y))) * kernel;
                return tex2Dproj(_GrabTexture, UNITY_PROJ_COORD(float4(i.uvgrab.x, i.uvgrab.y + _GrabTexture_TexelSize.y * kernel * _Size, i.uvgrab.z, i.uvgrab.w))) * weight;
            }

            half4 frag(v2f i) : COLOR
            {
                half4 sum = half4(0,0,0,0);
                sum += GrabPixel(i, 0.05, -4.0);
                sum += GrabPixel(i, 0.09, -3.0);
                sum += GrabPixel(i, 0.12, -2.0);
                sum += GrabPixel(i, 0.15, -1.0);
                sum += GrabPixel(i, 0.18,  0.0);
                sum += GrabPixel(i, 0.15, +1.0);
                sum += GrabPixel(i, 0.12, +2.0);
                sum += GrabPixel(i, 0.09, +3.0);
                sum += GrabPixel(i, 0.05, +4.0);

                float4 col5 = tex2Dproj(_GrabTexture, UNITY_PROJ_COORD(i.uvgrab));
                fixed decayFactor = sign(sign(abs(i.uvgrab.x)) + sign(abs(i.uvgrab.y)));
                sum = lerp(col5, sum, decayFactor) * i.color * _Color;

                return sum;
            }
            ENDCG
        }
    }
    }
}

C#代码，用于Demo演示及如何调用Shader里的_size值

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class SetMotionBlur : MonoBehaviour
{
    public Material motionBlurMaterial; // 引用具有MotionBlur Shader的材质
    float value = 0;
    public bool isUpdate = false;
    void Start()
    {
        // 检查材质和Shader是否正确设置
        if (motionBlurMaterial != null && motionBlurMaterial.shader.name == "TS/MotionBlur")
        {
            // 设置初始的Size值
            motionBlurMaterial.SetFloat("_Size", 1.0f);
        }
        else
        {
            Debug.LogError("MotionBlur材质或Shader未正确设置。");
        }
    }
    void Update()
    {


        if (isUpdate)
        {
            //来回执行 增强 减弱 
            float newSize = Mathf.PingPong(Time.time * 15, 20.0f);
            motionBlurMaterial.SetFloat("_Size", newSize);
        }
        else
        {
            if (Input.GetKeyDown(KeyCode.Q))
            {
                //判断是否超出范围
                if (value + 5 <= 20)
                {
                    value += 5;
                    motionBlurMaterial.SetFloat("_Size", value);
                    Debug.Log(string.Format("<color=yellow>{0}</color>", "模糊已增强"));
                }
                else
                {
                    Debug.LogError("超出范围，请先减弱模糊");
                }

            }
            if (Input.GetKeyDown(KeyCode.E))
            {
                //判断是否超出范围
                if (value - 5 >= 0)
                {
                    value -= 5;
                    motionBlurMaterial.SetFloat("_Size", value);
                    Debug.Log(string.Format("<color=cyan>{0}</color>", "模糊已减弱"));
                }
                else
                {
                    Debug.LogError("超出范围，请先增强模糊");
                }

            }
        }
    }
    /// <summary>
    /// 
    /// </summary>
    void OnGUI()
    {
        GUIStyle fontStyle = new GUIStyle();
        fontStyle.alignment = TextAnchor.UpperLeft;
        fontStyle.fontSize = 60;
        fontStyle.fontStyle = FontStyle.Bold;
        fontStyle.normal.textColor = new Color(50 / 255f, 50 / 255f, 50 / 255f, 1);
        if (isUpdate==false)
        {
            GUI.Label(new Rect(20, 20, 60, 60), "Q键增强模糊效果 E键减弱模糊效果", fontStyle);
            GUI.Label(new Rect(20, 100, 60, 60), "勾选isUpdate执行限值内自运行", fontStyle);
        }
    }
    /// <summary>
    /// 编辑器模式
    /// </summary>
    public void OnValidate()
    {
        if (isUpdate)
        {
            Debug.Log(string.Format("<color=red>{0}</color>", "开始执行限值内自运行"));
        }
        else
        {
            Debug.Log(string.Format("<color=red>{0}</color>", "停止执行限值内自运行"));
        }
    }
}

最后附上实例Demo包

点击下载

Wesmin
关注
模糊背景shader
LuckyJoey的博客
09-03 771
Shader "Custom/SimpleGrabPassBlur" { Properties{ _Color("Main Color", Color) = (1,1,1,1) _BumpAmt("Distortion", Range(0,128)) = 10 _MainTex("Tint Color (RGB)", 2D) = "white" {} _BumpMap("Nor.
《Unity Shader 入门精要》笔记之高斯模糊
qq_59871555的博客
06-13 1897
在单个Pass中实现高斯模糊可能需要较大的计算量，特别是当高斯核（kernel）较大时。这可能导致性能下降，尤其是在移动设备或性能受限的平台上。
【Unity Shader】屏幕后处理3.0：均值模糊和高斯模糊
qq_41835314的博客
11-01 2594
在Unity中尝试了基于屏幕的均值模糊和高斯模糊效果。
Unity Shader Post Processing模糊方法
最新发布
weixin_46270110的博客
04-01 221
记录一下方便好用，均值模糊，高斯模糊，双重均值。
Unity 高斯模糊Shader
02-27
高斯模糊GaussianBlur，里面提供了实例，该模糊应用的范围包括3D模型、UI（UGUI等）。不同于Unity自带的相机全屏模糊（后处理屏幕特效），是一个材质球的方式，直接模糊当前物体层级的背景图像。可以添加到任何能设置材质球的地方，比如UGUI的一个Panel组件，在Image里的Material中设置此高斯模糊的材质球，则在此Panel后面的所有UI以及3D物体都将模糊，并可以调节强度。里面有两种模糊shader，一种是针对移动端性能优化的，使用了两次高斯模糊；一种是高质量的，三次高斯模糊。
unity 实现 GaussianBlur（高斯模糊） shader
lcfengokok的博客
04-12 1376
在Shader中实现高斯模糊，我们主要对图像进行采样，并使用高斯权重对采样结果进行加权平均。此外，为了获得更好的性能，你可以考虑使用多重采样技术，或者在GPU上并行处理多个像素。在Unity中使用这个Shader时，你需要创建一个材质（Material），并将这个Shader分配给它。这个Shader示例中，我们在片元着色器（fragment shader）中对纹理进行采样，并使用了简单的3x3高斯模糊核。在实际应用中，你可能想要使用更大的模糊核以获得更平滑的模糊效果，但这会增加计算成本。
UnityShader入门精要——高斯模糊
weixin_51327051的博客
02-20 4257
均值模糊：它使用的卷积核中的各个元素值都相等，且相加等于1，即卷积后得到的像素值是其邻域内各个像素值的平均值。 中值模糊：选择邻域内对所有像素排序后的中值替换掉原颜色。 高斯模糊：使用的卷积核名为高斯核，是一个正方形大小的滤波核，其中每个元素的计算都是基于下面的高斯方程： 其中，σ是标准方差(一般取值为1)，x和y分别对应了当前位置到卷积核中心的整数距离。 高斯方程很好地模拟了邻域每个像素对当前处理像素的影响程度一距离越近，影响越大。高斯核的维数越高，模糊程度越大。 使用一个NxN的高..
shader 高斯模糊
Roadlun的博客
03-24 671
//高斯模糊第一版：取原像素及上下左右共五个像素的平均值设为原像素的值   fixed tmpOffset =0.01 ;//模糊度（像素偏移度）   fixed4 frag (v2f i) : SV_Target   {    fixed2 tmpUV =i.uv;  //这一步 看一下    fixed4 col = tex2D(_MainTex, i.uv);    //步骤一：定义上下左右...
Unity shader实现高斯模糊效果
08-26
Unity Shader 实现高斯模糊效果 高斯模糊是一种常用的图像处理技术，能够模糊图像的边缘，增加图像的艺术效果。在 Unity 中，使用 Shader 可以实现高斯模糊效果。本文将详细介绍如何使用 Unity Shader 实现高斯模糊...
unity高斯模糊Shader
12-13
基于Unity引擎编写的高斯模糊效果的Shader，真实可用，仅供学习参考
Unity Shader - 后处理：高斯模糊
05-25
高斯模糊（Gaussian Blur），又叫做高斯平滑。高斯模糊主要的功能是对图片进行加权平均的过程，与均值模糊中周围像素取平均值不同，高斯模糊进行的是一个加权平均操作，每个像素的颜色值都是由其本身和相邻像素的颜色值进行加权平均得到的，越靠近像素本身，权值越高，越偏离像素的，权值越低。
【cocos2d-x】shader-高斯模糊
01-14
高斯模糊是一种图像模糊滤波器，它用正态分布计算图像中每个像素的变换。
UnityShader入门精要第十二章（高斯模糊）
weixin_63637185的博客
04-07 669
因为高斯模糊四方格的特殊性，可以简化成使用两个一维矩阵分别对行像素和列像素进行相乘，计算量为：行像素数 * 宽像素数 * 2 * 2，且效果一样。在高斯核维数不变的情况下，_BlurSize 越大，模糊程度越高 ，但。如果使用四方格对整个画面像素进行卷积，计算量为：行像素数 * 宽像素数 * 四方格5x5。，同时也能进一步提高模糊程度，但过大的 downSample 可能会使图像像素化。但过大的 _BlurSize 值会造成虚影，这可能并不是我们希望的。同时该一维矩阵中其实只有三个不同的元素。
UnityShader基础案例（四）——模糊效果
SliverAsh_的博客
10-18 2462
这个很常见，在后处理一章中有实现，这里不再赘述。还有基于整体的局部模糊，就是屏幕上某一块地方不受模糊处理。
Unity Shader-后处理：高斯模糊
热门推荐
puppet_master的专栏
10-14 2万+
一.简介 上一篇文章学习了模糊的原理以及基本的模糊实现，对于清晰和模糊这个定义感觉还是比较说明问题，这里再贴出一下：“清晰的图片，各个像素之间会有明显的过渡，而如果各个像素之间的差距不是很大，那么图像就会模糊了”。鉴于这个定义，我们就可以通过代码来实现模糊的效果。上一篇Unity Shader-后处理：均值模糊中实现了一个基本的均值模糊，也就是将一个像素和其周围的像素取平均值从而进行
【Unity3d Shader】高斯模糊效果
PangNanGua的专栏
12-26 3135
高斯模糊可以实现模糊效果，可用于眩晕，场景动画等效果 高斯模糊利用了卷积计算，把每个像素和周围的像素混合 见代码实现 c#代码ImageEffectBase using UnityEngine; namespace GameBase.Effect { [RequireComponent(typeof (Camera))] [AddComponentMenu(...
Unity3D Shader 高斯模糊
ethuangfen的博客
06-19 691
Shader： Shader "Hidden/GaussianBlur" { Properties { _MainTex ("Texture", 2D) = "white" {} _BlurSize ("Blur Size", Float) = 0.1 } CGINCLUDE #include "UnityCG.cgin...
Shader 高斯模糊和Bloom
sinat_34014668的博客
03-20 1236
高斯模糊和Bloom
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值