Unity动态高斯模糊效果Shader

已于 2023-12-21 14:03:52 修改
阅读量493 收藏 2
点赞数 1
文章标签： 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
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Unity 实用工具篇】| Unity实现 3D场景背景动态模糊 效果
努力前行，总会成为自己心中的那道光
04-16 5259
背景模糊 是一个很实用的功能，它可以帮助游戏在视觉上有更好的专注力和表现力。 前面有文章讲到一个实现静态模糊的效果：【Unity 实用工具篇】| Unity中 实现背景模糊效果，简单易用 那本文就在这篇文章中的静态模糊基础上实现一个背景动态模糊的效果，一起看下怎么实现的吧！
Unity Shader-后处理：高斯模糊
puppet_master的专栏
10-14 2万+
一.简介 上一篇文章学习了模糊的原理以及基本的模糊实现，对于清晰和模糊这个定义感觉还是比较说明问题，这里再贴出一下：“清晰的图片，各个像素之间会有明显的过渡，而如果各个像素之间的差距不是很大，那么图像就会模糊了”。鉴于这个定义，我们就可以通过代码来实现模糊的效果。上一篇Unity Shader-后处理：均值模糊中实现了一个基本的均值模糊，也就是将一个像素和其周围的像素取平均值从而进行
Unity3D UGUI特效之Image高斯模糊效果
12-31
这几天研究了下模糊特效，看了很多文章，其原理就是拿取图片或屏幕数据，然后将周围的元素和目标位置的颜色值进行一个融合计算，然后自己写了一个小小的测试程序。 这个模糊也可以分成两种，一个是自身模糊，一个是从屏幕上取值进行模糊。第一个用于一些小的列表展示，比如未解锁时，是模糊的。第二个是凸显弹框效果的，将背景都模糊掉，自己将这个稍微加强了些可以指定模糊一个位置。 针对移动平台，使用高斯模糊，其实效率不是很高，如果要很好的效果，那么速度卡；如果要速度快，那么效果达不到要求。但是还是在这里记录下，兴许以后能用上。 先说第一个，挂在Image下的模糊特效。 Shader Custom/FrontBlu
unity高斯模糊Shader
12-13
基于Unity引擎编写的高斯模糊效果的Shader，真实可用，仅供学习参考
unity 实现 GaussianBlur（高斯模糊） shader
最新发布
lcfengokok的博客
04-12 496
在Shader中实现高斯模糊，我们主要对图像进行采样，并使用高斯权重对采样结果进行加权平均。此外，为了获得更好的性能，你可以考虑使用多重采样技术，或者在GPU上并行处理多个像素。在Unity中使用这个Shader时，你需要创建一个材质（Material），并将这个Shader分配给它。这个Shader示例中，我们在片元着色器（fragment shader）中对纹理进行采样，并使用了简单的3x3高斯模糊核。在实际应用中，你可能想要使用更大的模糊核以获得更平滑的模糊效果，但这会增加计算成本。
Unity自定义后处理——模糊效果
阿赵的博客
07-20 1541
继续介绍后处理的做法，这一期介绍的是模糊效果的做法。
【Unity3D】运动模糊特效
little_fat_sheep
06-04 1696
开启混合（Blend）后，通过Alpha通道控制当前屏幕纹理与历史屏幕纹理进行混合，当有物体运动时，就会将当前位置的物体影像与历史位置的物体影像进行混合，从而实现运动模糊效果。第一个 Pass通过Alpha通道控制当前屏幕纹理与历史屏幕纹理进行混合，通过 ColorMask RGB保证融合不影响Alpha通道值；第二个Pass对当前屏幕的Alpha通道进行采样，通过 ColorMask A保证采样不影响RGB通道的值。
Unity 高斯模糊Shader
02-27
高斯模糊GaussianBlur，里面提供了实例，该模糊应用的范围包括3D模型、UI（UGUI等）。不同于Unity自带的相机全屏模糊（后处理屏幕特效），是一个材质球的方式，直接模糊当前物体层级的背景图像。可以添加到任何能设置材质球的地方，比如UGUI的一个Panel组件，在Image里的Material中设置此高斯模糊的材质球，则在此Panel后面的所有UI以及3D物体都将模糊，并可以调节强度。里面有两种模糊shader，一种是针对移动端性能优化的，使用了两次高斯模糊；一种是高质量的，三次高斯模糊。
shader 高斯模糊
lck8989的博客
11-08 557
最近想研究一下shader的模糊效果，看了论坛里面关于卷积的相关问题，感觉此方法还是很不错，但是本次的shader也存在效率问题，就是模糊半径设置的越大就会越消耗性能。 高斯模糊完整代码： // Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd. CCEffect %{ techniques: - passes: - vert: vs frag: fs blendState: tar
UnityShader-高斯模糊
122&&113的博客
06-11 1090
对 UnityShader 入门精要的理解
Unity shader实现高斯模糊效果
12-25
本文实例为大家分享了Unity shader实现高斯模糊效果的具体代码，供大家参考，具体内容如下 正常图： 高斯模糊效果图： shader代码： Shader "Custom/GaoSiMoHu" { Properties { _MainTex ("Texture", 2D) = "white" {} _BlurSize("Blur size",Float)=1.0 } SubShader { ZTest Always cull off ZWrite off CGINCLUDE//这个可以使其他pass块都可以使用，而不用在两个pass里都写，减少了写的次数
Unity 高斯模糊(Gaussian Blur) 在UGUI中[高效][易用][效果棒]的实用方案
04-19
2019-04-19 新鲜出炉的原创作品 超实用的 Unity 高斯模糊(Gaussian Blur) 在UGUI中[高效][易用][效果棒]的实用方案 原文地址：https://blog.csdn.net/weixin_43452343/article/details/89407650 应该就是你想要
Unity Shader - 后处理：高斯模糊
05-25
高斯模糊（Gaussian Blur），又叫做高斯平滑。高斯模糊主要的功能是对图片进行加权平均的过程，与均值模糊中周围像素取平均值不同，高斯模糊进行的是一个加权平均操作，每个像素的颜色值都是由其本身和相邻像素的颜色值进行加权平均得到的，越靠近像素本身，权值越高，越偏离像素的，权值越低。
图像处理之高斯模糊
11-04
本程序是一个VC++写的小型MFC程序 实现了高斯模糊的算法 本程序未使用任何第三方库 使用VS2010编写 省去了许多人配置环境的烦恼 本程序目前仅支持位图（灰度真彩色均可） 高斯模糊模板的大小采用网上说的 6 delta+1 6 delta+1 delta手动设置 默认为0 7 点击保存将处理结果图保存为位图 未在客户端直接显示出来 这样方便使用不同参数放在一起进行比较 ">本程序是一个VC++写的小型MFC程序 实现了高斯模糊的算法 本程序未使用任何第三方库 使用VS2010编写 省去了许多人配置环境的烦恼 本程序目前仅支持位图（灰度真彩色均可） 高斯模糊模板的大小采用网上说的 6 delta+1 6 [更多]
Unity 毛玻璃效果（UGUI）—高斯模糊
热门推荐
子弹头
10-30 2万+
因为Unity 提供了GrabPass，可以在Shader中很方便的拿到Panel下面的图像，即_GrabTexture。 Shader "Custom/SimpleGrabPassBlur" { Properties { _Color ("Main Color", Color) = (1,1,1,1) _BumpAmt ("Distortion", R
【011-Shader-高斯模糊】
qq_18924323的博客
05-20 168
// 高斯模糊 /** 3*3 高斯矩阵 col/16 float3X3 rot = { 1,2,1, 2,4,2, 1,2,1, } 把某一个像素的相邻像素和自身按照比例进行了混合，用新的值代替原像素 **/ Shader "Hidden/11-BlurShader" { Properties { _MainTex ("Texture", 2D) = "white" {} } SubShader { // N
unity ugui 高斯模糊
10-15
Unity UGUI是Unity引擎中用于创建用户界面的系统，而高斯模糊是一种图像处理技术，用于模糊图像以实现特殊效果。在Unity中，我们可以通过一些方法来实现UGUI高斯模糊效果。 首先，我们可以使用Shader来实现高斯模糊效果。在Unity中，我们可以编写一个自定义的Shader，并在其中使用高斯模糊算法来处理图像。通过将这个Shader应用到UGUI的RawImage组件中，可以实现对UI元素的高斯模糊处理。 其次，Unity还提供了一些插件和工具可以实现UGUI高斯模糊效果。例如，可以使用Post Processing Stack插件来添加各种后期处理效果，包括高斯模糊。通过添加Post Processing组件，选择高斯模糊效果，并将其应用到相应的相机上，就可以实现UGUI高斯模糊效果。 另外，还可以使用第三方插件来实现UGUI高斯模糊效果。在Unity的Asset Store中，有很多高质量的插件可以用于处理UI元素的高斯模糊效果。这些插件通常提供了简单易用的接口和功能，可以轻松地将高斯模糊效果应用到UGUI的UI元素上。 总之，Unity UGUI的高斯模糊可以通过编写自定义Shader、使用Post Processing插件或使用第三方插件来实现。这些方法提供了不同的选择，开发者可以根据需求选择适合的方法来实现UGUI高斯模糊效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值